Click here to Skip to main content
11,578,241 members (66,307 online)
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 3: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)



Advertise | Privacy | Mobile
Web04 | 2.8.150603.1 | Last Updated 22 Mar 2013
Copyright © CodeProject, 1999-2015
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