¿Es posible capturar una instantánea de un video que se carga utilizando el elemento de video HTML5 y usarlo como una imagen de vista previa hasta que se carga el video o se desencadena el evento de reproducción? Sé sobre el atributo poster pero quiero que la miniatura se autogenere, como un marco al azar del video. Tipo de lo que hace YouTube/Vimeo.Generar una imagen de vista previa aleatoria en una etiqueta de video HTML5
Gracias,
No creo que esto es posible en HTML5 pura. Principalmente porque la transmisión no se carga cuando ves el 'objeto' en la página web para que el cliente no pueda obtener el fotograma deseado.
Sin embargo, la mejor opción para usted es guardar/almacenar en caché el 'marco aleatorio' antes de cargar la página y luego usarlo como el póster del video. Esto le permitirá reducir el trabajo del cliente y guardar el ancho de banda.
cheque THIS, que es lo primero que he encontrado (si está usando PHP y desea una 'rápida y sucia ' manera de conseguir el cuadro)
Aparentemente HERE hay una solución con popcorn.js PERO parece que no puedes hacerlo de la forma que (supongo) que necesitas.
Esto porque sería posible hacerlo solo dentro del mismo dominio debido a problemas de seguridad del navegador.
Lo que hace Popcorn.capture.js es exactamente lo que yo necesitar. ¡Gracias! – mihaipaun
qué tal eso: https://stackoverflow.com/questions/7323053/dynamically-using-the-first-frame-as-poster-in-html5-video –