javascript - How can I Set a end time value to a video played on a browser using HTML? -


i have video around 50secs in length. want first 30secs of video played. have created html code renders video on webpage plays 50secs. want first 30secs played.

here's code play first maxtime seconds , pause

var video = document.getelementbyid("video");  video.play();  var maxtime = 10;  video.addeventlistener("progress", function(){    if(video.currenttime >= maxtime){      video.pause();      }  }, false);
<video id='video'        preload='none'        poster="https://media.w3.org/2010/05/sintel/poster.png">          <source id='mp4'          src="https://media.w3.org/2010/05/sintel/trailer.mp4"          type='video/mp4'>        <source id='webm'          src="https://media.w3.org/2010/05/sintel/trailer.webm"          type='video/webm'>        <source id='ogv'          src="https://media.w3.org/2010/05/sintel/trailer.ogv"          type='video/ogg'>          <p>your user agent not support html5 video element.</p>  </video>


Comments

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -