Avvia il video HTML5 in una posizione particolare durante il caricamento?

Question

Sto provando a riprodurre video HTML5 (codificato VP8). Quello che voglio è suonarlo in una certa posizione. Diciamo a partire da 50 secondi in poi.

Ho provato ma sembra che ci sia qualche problema. Puoi suggerire se c'è qualcosa che sto sbagliando?

Ecco il codice:

<video id="vid1" width="640" height="360"> 
     <source src="file.webm" type="video/webm" /> 
     Your browser does not support the video tag. 
    </video> 
    <script> 
     document.getElementById('vid1').currentTime = 50; 
    </script> 

ho provato ma non funziona. Quando il video si carica, inizia a suonare dall'inizio. Tuttavia se lo chiamo durante la riproduzione, come dopo un po 'di tempo che il video è in riproduzione, funziona bene. C'è qualcosa che mi manca?

Answer 1

È necessario attendere fino a quando il browser non conosce la durata del video prima di poter cercare un determinato orario. Quindi, penso che si vuole attendere il 'loadedmetadata' qualcosa di evento come questo:

document.getElementById('vid1').addEventListener('loadedmetadata', function() { 
    this.currentTime = 50; 
}, false); 

Answer 2

si può collegare direttamente con Media Fragments URI, basta cambiare il nome del file per file.webm # t = 50

Here's an example

Questo è davvero bello, puoi fare ogni sorta di cose. Ma non conosco lo stato attuale del supporto del browser.

Answer 3

Su Safari Mac per una sorgente HLS, avevo bisogno di utilizzare l'evento loadeddata invece dell'evento metadata.

Answer 4

regolare l'inizio e l'ora di fine del video quando si utilizza il tag video in html5;

http://www.yoursite.com/yourfolder/yourfile.mp4#t=5,15

dove ha lasciato delle virgole è il tempo in secondi si avvia, a destra della virgola è ora di fine in secondi. rilascia la virgola e l'ora di fine solo per l'ora di inizio.

Answer 5

L'utilizzo di un frammento #t=10,20 ha funzionato per me.

Answer 6

SENZA utilizzando JavaScript

basta aggiungere #t=[(start_time), (end_time)] alla fine dell'URL media. L'unica battuta d'arresto (se vuoi vederla in questo modo) è necessario sapere per quanto tempo il tuo video indicherà l'ora di fine. Esempio:

<video> 
    <source src="splash.mp4#t=10,20" type="video/mp4"> 
</video> 

Note: Non supportato in IE