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

J'ai besoin d'une vidéo HTML5 pour démarrer à un certain moment. Disons qu'au temps 50 secondes et plus.

J'ai essayé mais ça ne fonctionne pas comme prévu. est-ce que je fais quelque chose de 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> 

Lorsque la page se charge, la lecture commence simplement depuis le début. Cependant, si j'appelle cela pendant la lecture comme après un certain temps, cela fonctionne bien. Y a-t-il quelque chose qui me manque?

Vous devez attendre que le navigateur connaisse la durée de la vidéo avant de pouvoir rechercher une heure particulière. Donc, je pense que vous voulez attendre l'événement 'sharedmetadata' quelque chose comme ceci:

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

Vous pouvez créer un lien directement avec l' URI des fragments de média , changez simplement le nom de fichier en file.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 des navigateurs.

SANS UTILISER JAVASCRIPT

Ajoutez simplement #t=[(start_time), (end_time)]à la fin de votre URL multimédia. Le seul inconvénient (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>

Remarques: non pris en charge dans IE

ajuster l'heure de début et de fin de la vidéo lors de l'utilisation de la balise vidéo en html5;

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

où à gauche de la virgule est l'heure de début en secondes, à droite de la virgule l'heure de fin en secondes. laissez tomber la virgule et l'heure de fin pour n'effectuer que l'heure de début.

Sur Safari Mac pour une source HLS, je devais utiliser l'événement loadeddata au lieu de l'événement metadata.

Utiliser un #t=10,20fragment a fonctionné pour moi.