In HTML5 Video, come riprodurre una piccola clip da un video lungo?

Question

Mi piacerebbe mostrare una piccola clip da un lungo file video lungo più di 10 minuti. Questo segmento di video inizierà alla volta sfalsata/tempo di ricerca di 90 secondi e avrà una durata di 45 secondi. Come lo posso fare ?

Answer 1

Phillip Brown ha ragione. puoi risolvere questo problema controllando yout html-player tramite js. per esempio in questo caso, il video sarebbe autostart e giocherà il file video deve 00: 10min a 00: 40min

<video id="yourVideoplayer" width="640" height="480" preload="auto"> //preload="auto" buffers the video if initialize. you cannot seek a video which isn t buffering already 
    <source src="test.mp4" type="video/mp4" /> 
    <source src="test.ogv" type="video/ogg" /> 
    This browser is not compatible with HTML 5 
</video> 

<script type="text/javascript"> 
    window.onload = playVideoTeaserFrom(10,40); //this event will call the function after page was loaded 

    function playVideoTeaserFrom (startTime, endTime) { 
     var videoplayer = document.getElementById("yourVideoplayer"); //get your videoplayer 

     videoplayer.currentTime = starttime; //not sure if player seeks to seconds or milliseconds 
     videoplayer.play(); 

     //call function to stop player after given intervall 
     var stopVideoAfter = (endTime - startTime) * 1000; //* 1000, because Timer is in ms 
     setTimeout(function(){ 
      videoplayer.stop(); 
     }, stopVideoAfter); 

    } 
</script> 

ci potrebbe essere qualche bug in esso, ma credo che si otterrà il punto

Answer 2

Il video HTML5 supporta anche la specifica Media Fragment URI. Ciò ti consentirà di specificare solo un segmento del video da riprodurre. Usarlo è abbastanza banale:

<source src="video.mp4#t=30,45" type="video/mp4"/> 

inizierà il video alla seconda boa 30 e mettere in pausa il video alla seconda boa 45.