HTML5 Video Javascript

Question

I am not experienced in Javascript, I have the following script to play video files on Andriod phone, and it works fine.

 <script type="text/javascript">
        function PlayMyVideo(arg) {
            var myVideo = document.getElementById([arg]);
            myVideo.play();
        }
    </script>
<video id="what" src="what.mp4" poster="" />
<input type="button" onclick="PlayMyVideo('what')" value="Play" />

I am trying to write the tag on the fly:

  <script type="text/javascript">
        function PlayVideo() {
            new_video = document.createElement('video');
            new_video.setAttribute('scr', 'what.mp4'); 
            new_video.play(); 
         }
    </script>
<input type="button" onclick="PlayVideo()" value="Play2" />

Nothing happen, would appreciate your suggestions. Thanks in advance

CodingWithSpike · Accepted Answer · 2013-07-18 00:21:15Z

4

new_video.setAttribute('scr', 'what.mp4');

'scr' is misspelled. It should be 'src'.

and also you should wait for the movie to load before play

edited Jul 18, 2013 at 0:21

CodingWithSpike

43.9k18 gold badges106 silver badges141 bronze badges

answered May 4, 2013 at 13:38

Jinxmcg

2,0201 gold badge23 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Slawek · Accepted Answer · 2010-12-26 02:51:31Z

2

Well you're not appending the newly created tag to anything, so it can't play because it's in "memory"/"void", not on the screen.

<div id='plc'>&nbsp;</div>

<script type='text/javascript'>
function PlayVideo() {
new_video = document.createElement('video');
document.getElementById('plc').appendChild(new_video);
new_video.setAttribute('scr', 'what.mp4');
new_video.play();
}

answered Dec 26, 2010 at 2:51

Slawek

7824 silver badges7 bronze badges

4 Comments

hncl Over a year ago

Thanks, it created the video element; however the video did not play.

Slawek Over a year ago

that's strange, maybe changing new_video.play() to window.onload = function() { new_video.play(); } would help

hncl Over a year ago

Thanks Slawek, it did not work at first, then I changed ' to " for the scr and the original script you gave me first worked great but on iPad not on Android.

hncl Over a year ago

Just as a follow up, this tag works well on Android:<video src="what.mp4" onclick="this.play();"/>. Since I have a number of video clips, I thought it will be more efficient to make it as javascript were I can use variable for the clip name. Thanks again

John Boker · Accepted Answer · 2010-12-26 02:52:07Z

1

you are creating the video element, you need to add it to the DOM before it will be visible, more info here: http://www.javascriptkit.com/javatutors/dom2.shtml

answered Dec 26, 2010 at 2:52

John Boker

83.8k17 gold badges101 silver badges130 bronze badges

Collectives™ on Stack Overflow

HTML5 Video Javascript

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related