Me gustaría mostrar un pequeño clip de un archivo de video largo que dura más de 10 minutos. Este segmento de video comenzaría en el tiempo de compensación/tiempo de búsqueda de 90 segundos y tendría una duración de 45 segundos. Cómo puedo hacer eso ?En video HTML5, ¿cómo reproducir un pequeño clip de un video largo?
Respuesta
Phillip Brown tiene razón. puedes resolver esto controlando tu html-player a través de js. por ejemplo, en este caso, el video podría iniciarse automáticamente y se reproducirá el archivo de vídeo debe 00: 10min a 00: 40min
<video id="yourVideoplayer" width="640" height="480" preload="auto"> //preload="auto" buffers the video if initialize. you cannot seek a video which isn t buffering already
<source src="test.mp4" type="video/mp4" />
<source src="test.ogv" type="video/ogg" />
This browser is not compatible with HTML 5
</video>
<script type="text/javascript">
window.onload = playVideoTeaserFrom(10,40); //this event will call the function after page was loaded
function playVideoTeaserFrom (startTime, endTime) {
var videoplayer = document.getElementById("yourVideoplayer"); //get your videoplayer
videoplayer.currentTime = starttime; //not sure if player seeks to seconds or milliseconds
videoplayer.play();
//call function to stop player after given intervall
var stopVideoAfter = (endTime - startTime) * 1000; //* 1000, because Timer is in ms
setTimeout(function(){
videoplayer.stop();
}, stopVideoAfter);
}
</script>
que puede haber algunos errores en ella, pero supongo que obtendrá el punto
Esta función no parece funcionar. El video normalmente se ejecuta en toda su extensión. – imbenzene
Eso es porque @longilong establece 'window.onload' en undefined, y otros problemas con el código. Hay errores obvios. – Sam
Si el usuario avanza o rebobina rápidamente con el mouse, el cronómetro se detendrá en un momento determinado diferente al esperado. – jRam90
El video HTML5 también admite la especificación Media Fragment URI. Esto le permitirá especificar solo un segmento del video para jugar. El uso es bastante trivial:
<source src="video.mp4#t=30,45" type="video/mp4"/>
comenzará el video en la marca de 30 segundos y pausa en el vídeo en la segunda marca de 45.
Solo una nota que noté que Chrome continúa descargando el resto del video. Pausa el video en 45 segundos, pero un usuario puede reanudar el juego desde ese punto. Si está viendo esto como un medio para limitar el tráfico o cortar el resto del video, esta no es su solución. – villecoder
Deberá trabajar con los controles del reproductor de video para evitar esto. Puede hacer que el reproductor de video regrese a 30 segundos en el video si se presiona el botón Reproducir cuando el video está en la marca de los 45 segundos. Sería bastante trivial analizar los fragmentos de los medios del src para crear ese tipo de funcionalidad. –
Si esto es ampliamente compatible en todos los principales navegadores, entonces debería ser la respuesta aceptada. – TimHayes
- 1. video HTML5: reproducir solo una parte de un video
- 2. ¿Es posible reproducir video HTML5 al revés?
- 3. Reproducir/Pausar video HTML5 usando Jquery
- 4. Reproducir video en TextureView
- 5. ¿Cómo puedo reproducir video html5 en línea en una WebView?
- 6. Android: Vista de video: cómo reproducir un video en un bucle
- 7. Cómo reproducir video desde NSData
- 8. Reproducir video m3u8 en android
- 9. Vaadin framework reproducir video
- 10. Reproducir un video descargado Error: 1, -2147483648
- 11. Problemas al reproducir un video con MonoTouch
- 12. ¿Cómo puedo reproducir trozos de un video que vengan a través de un websocket HTML5?
- 13. HTML5 video player converter
- 14. ¿Cómo reproducir video usando MPMoviePlayerController?
- 15. HTML5 video javascript controls - reiniciar video
- 16. Reproducir video usando AVPlayer
- 17. ¿Cómo reproducir un archivo de video en Android?
- 18. cocos2d: reproducir un video en el fondo de un menú
- 19. buscar un punto en el video html5
- 20. video HTML5 en el iPad
- 21. Cómo transmitir un pequeño video en spartan 3e fpga?
- 22. Utilice un solo archivo adjunto para video/imagen en clip
- 23. ¿Cómo puedo reproducir video desde un byte en Android
- 24. HTML5 Video Layering en iPad
- 25. ¿Cómo reproducir un video de una matriz de bytes?
- 26. Problema de video HTML5
- 27. HTML5 Video Detener onClose
- 28. video HTML5 no se reproduce
- 29. Reproducir video cifrado con AVPlayer
- 30. HTML5 video performance
Tenga en cuenta que de esta manera transferirá todo el video (que puede ser bastante grande en términos de tamaño del archivo) al dispositivo de su cliente. Un enfoque fácil de usar probablemente resolvería esto en la edición y proporcionar un archivo específico que solo cubra el fragmento. – m90