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

ruby on rails - ActiveRecord order not working -

java - AEM: 403 Forbidden occurs when call a Post servlet -

How to embed a map into Netlogo using GIS extension? -