javascript - that - ¿Comienza el video HTML5 en una posición particular cuando carga?

video html5 youtube

Question

Estoy tratando de reproducir video HTML5 (codificado en VP8). Lo que quiero es jugarlo en cierta posición. Digamos que a los 50 segundos en adelante.

Lo he intentado, pero parece que hay un problema. ¿Puedes sugerirme si hay algo que estoy haciendo mal?

Aquí está el código:

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

Lo he intentado pero no funciona. Cuando se carga el video, comienza a reproducirse desde el inicio. Sin embargo, si lo llamo durante la reproducción, como después de un tiempo de reproducción de video, funciona bien. ¿Hay algo que este olvidando?

Answer 1

En Safari Mac para una fuente de HLS, necesitaba usar el evento de datos cargados en lugar del evento de metadatos.

Answer 2

Puede vincular directamente con URI de fragmentos de medios , simplemente cambie el nombre de archivo a file.webm # t = 50

Aquí hay un ejemplo

Esto es genial, puedes hacer todo tipo de cosas. Pero no sé el estado actual del soporte del navegador.

Answer 3

SIN USAR JAVASCRIPT

Simplemente agregue #t=[(start_time), (end_time)] al final de su URL de medios. El único inconveniente (si quieres verlo de esa manera) es que necesitarás saber cuánto tiempo es tu video para indicar la hora de finalización. Ejemplo:

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

Notas: No es compatible con IE

Answer 4

Tienes que esperar hasta que el navegador conozca la duración del video antes de poder buscar un momento en particular. Entonces, creo que quieres esperar al evento ''loadedmetadata'' algo como esto:

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

Answer 5

Usar un fragmento #t=10,20 funcionó para mí.

Answer 6

ajustar el tiempo de inicio y finalización del video cuando se usa la etiqueta de video en html5;

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

donde queda la coma es la hora de inicio en segundos, la derecha de la coma es el tiempo de finalización en segundos. suelta la coma y la hora de finalización para efectuar el tiempo de inicio solamente.