Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript jQuery Video player , +
I've created a html5 video playlist. When the page first loads I want the video to be paused, so the user has the choice to begin the autoplay sequence.
 
Code:
    <!DOCTYPE html> 
    <html> 
    <head> 
    <script type='text/javascript'>//<![CDATA[ 
    window.onload=function(){
    var videoPlayer= document.getElementById('video');
     
    videoPlayer.addEventListener('ended', function(){
    this.pause();
    this.src = "http://www.mp4point.com/downloads/8feeca1a540b.mp4";
    }, false);
     
    }//  
     
    </script> 
     
     
    </head> 
    <body> 
      <video id="video" src="http://media.w3.org/2010/05/sintel/trailer.mp4" autoplay autobuffer controls /> 
      
    </body> 
     
     
    </html> 

 
Jsfiddle:http://jsfiddle.net/3uRq6/7/
Posted 21-Mar-13 4:52am

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

You should remove "autoplay" from body tag to not play during load.
  Permalink  

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 350
1 Jochen Arndt 190
2 Richard MacCutchan 135
3 Sergey Alexandrovich Kryukov 120
4 DamithSL 105
0 OriginalGriff 6,045
1 DamithSL 4,611
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,310


Advertise | Privacy | Mobile
Web03 | 2.8.141220.1 | Last Updated 22 Mar 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100