Rozpocznij wideo HTML5 w określonej pozycji podczas ładowania?

Question

Próbuję odtworzyć wideo HTML5 (kodowane VP8). To, czego chcę, to grać na określonej pozycji. Powiedzmy, że w czasie 50 sekund naprzód.

Próbowałem, ale wydaje się, że jest jakiś problem. Czy możesz zasugerować, że coś jest nie tak?

Oto kod:

<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> 

Próbowałem, ale to nie działa. Po załadowaniu wideo rozpoczyna się odtwarzanie od początku. Jednak jeśli zadzwonię do tego podczas odtwarzania, tak jak po pewnym czasie, odtwarzanie wideo działa dobrze. Czy jest coś, czego mi brakuje?

Answer 1

Musisz poczekać, aż przeglądarka będzie znała czas trwania wideo, zanim będzie można wyszukać w określonym czasie. Tak, myślę, że chcesz czekać na „loadedmetadata” zdarzenie tak:

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

Answer 2

można połączyć bezpośrednio z Media Fragments URI, wystarczy zmienić nazwę pliku do file.webm # t = 50

Here's an example

To jest całkiem fajne, możesz robić różne rzeczy. Ale nie znam aktualnego stanu obsługi przeglądarki.

Answer 3

Na Safari Mac dla źródła HLS, potrzebowałem użyć zdarzenia loadeddata zamiast zdarzenia metadanych.

Answer 4

dostosować czas rozpoczęcia i zakończenia wideo w przypadku używania tagu wideo w html5;

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

gdzie lewo od przecinka jest czas rozpoczęcia w sekundach, w prawo od przecinka jest czas zakończenia w sekundach. upuść przecinek i godzinę zakończenia, aby uzyskać tylko czas rozpoczęcia.

Answer 5

Użycie fragmentu #t=10,20 zadziałało dla mnie.

Answer 6

BEZ użyciu JavaScript

Wystarczy dodać #t=[(start_time), (end_time)] na końcu adresu URL mediów. Jedyną porażką (jeśli chcesz to zobaczyć w ten sposób), musisz wiedzieć, jak długo film ma wskazywać czas zakończenia. Przykład:

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

Uwagi: Nie jest obsługiwany w IE