Change Video in IMAC DEVICE


#1

Hi and happy new year,

when creating a new page I have managed to put a video in the IMAC DEVICE - now the problem I can not change the Video.
http://design-dave.de/Blocs-test/dave1

Does somebody had this case and perhaps has a solution?

Change pictures in IMAC DEVICE is no problem it works perfect.

Thanks
Marlene


#2

Not sure if the following strategy can be adapted to your needs or not. Implementation is a bit crude, but then, I’m not a programmer. Basically, I create a Blocs web page using HTML5 code to pre-load the first video. (In my case, I am displaying chapter serials.) The user can either watch the initial video or select another from a pop-up menu. Once an alternate target video is selected, its URL reference and a poster frame are re-loaded into the original player window using a button to call the self-contained script included in the code snippet. See sample code below:

<video id="myVideo" width="100%" height="100%" poster="/img/Marvel.jpg" controls="">
<source src="http://istream.walker4.me/Serials/Marvel/Marvel01.mp4" type="video/mp4">
Your browser does not support the video tag.
</video><br><center>
<select id="chapter">
<option value="http://istream.walker4.me/Serials/Marvel/Marvel01.mp4">Chapter 1</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel02.mp4">Chapter 2</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel03.mp4">Chapter 3</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel04.mp4">Chapter 4</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel05.mp4">Chapter 5</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel06.mp4">Chapter 6</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel07.mp4">Chapter 7</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel08.mp4">Chapter 8</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel09.mp4">Chapter 9</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel10.mp4">Chapter 10</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel11.mp4">Chapter 11</option>
<option value="http://istream.walker4.me/Serials/Marvel/Marvel12.mp4">Chapter 12</option>
</select><br>
<button onclick="myFunction()" type="button">Load Selected Chapter</button><br></center>

<script>
function myFunction() {
var vid = document.getElementById("chapter").value;
document.getElementById("myVideo").src=vid;
}
</script>