Démarrer la vidéo HTML5 à une position particulière lors du chargement?

Question

Je suis en train d'essayer de jouer vidéo HTML5 (VP8 codé). Ce que je veux, c'est jouer à une certaine position. Disons qu'au temps de 50 secondes à partir.

J'ai essayé, mais il semble y avoir un problème. Pouvez-vous indiquer s'il y a quelque chose que je fais mal?

Voici le code:

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

J'ai essayé mais ça ne fonctionne pas. Lorsque la vidéo se charge, il commence à jouer depuis le début. Cependant, si je l'appelle pendant la lecture comme après quelque temps, la lecture de la vidéo, il fonctionne très bien. Est-il quelque chose que je suis absent?

Answer 1

Vous devez attendre jusqu'à ce que le navigateur sait la durée de la vidéo avant de vous pouvez demander à un moment donné. Donc, je pense que vous voulez attendre pour le "loadedmetadata' événement quelque chose comme ceci:

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

Answer 2

SANS L'AIDE DE JAVASCRIPT

Juste ajouter #t=[(start_time), (end_time)] à la fin de votre support de l'URL. Le seul revers (si vous voulez le voir de cette façon) est que vous aurez besoin de savoir combien de temps votre vidéo est pour indiquer l'heure de fin. Exemple:

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

Answer 3

Vous pouvez en liaison directe avec les Médias Fragments d'URI, il suffit de changer le nom du fichier à fichier.webm#t=50

Voici un exemple

C'est plutôt cool, vous pouvez faire toutes sortes de choses. Mais je ne connais pas l'état actuel de la prise en charge du navigateur.

Answer 4

ajuster l'effet de vidéo de début et de fin de temps lors de l'utilisation de la balise video de html5;

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

où à gauche de la virgule est temps de démarrage en quelques secondes, à droite de la virgule est à la fin des temps en secondes. baisse de la virgule et l'heure de fin de l'effet de l'heure de début seulement.

Answer 5

À l'aide d'un #t=10,20 fragment a fonctionné pour moi.