html5 - ejemplos - meta tags generator
Etiqueta de video HTML5 en Chrome: ¿Por qué se ignora el tiempo actual cuando se descarga video de mi servidor web? (1)
Asegúrese de que su servidor web pueda servir el documento utilizando rangos de bytes. Google Chrome requiere que esto funcione. Sin él, la búsqueda se desactivará y la configuración de currentTime no tendrá ningún efecto.
Para probar si su servidor web hace esto, use el siguiente comando:
curl --dump-header - -r0-0 http://theurl
El estado de respuesta debe leer 206 Partial Content y debe recibir solo el primer byte del recurso en lugar de todo el recurso.
-Phil
Quiero poder reproducir video de una hora específica usando la etiqueta de video HTML5 (y actualmente solo tengo que preocuparme por Chrome). Esto es posible estableciendo la propiedad currentTime de un elemento de video. Eso funciona bien en Chrome con un video de html5rocks.com, pero se ignora cuando el mismo archivo se carga desde mi propio servidor web local.
Usando el código de muestra de http://playground.html5rocks.com/#video_tag , he llegado al siguiente HTML:
<!DOCTYPE html>
<html>
<body>
<video id="video1" width="320" height="240" volume=".7" controls preload=true autobuffer>
<source src="http://playground.html5rocks.com/samples/html5_misc/chrome_japan.webm" type=''video/webm; codecs="vp8, vorbis"''/>
</video>
<input type=button onclick="play()" value="play">
<input type=button onclick="setTime()" value="setTime">
<input type=button onclick="pause()" value="pause">
<script>
var play=function() {
document.getElementById("video1").play();
}
var setTime=function() {
document.getElementById("video1").currentTime=2;
}
var pause=function() {
document.getElementById("video1").pause();
}
</script>
</body>
</html>
Usando Chrome, si
- Espere a que el video se descargue por un tiempo (hasta que la barra de progreso tenga un 10% aproximadamente)
- Presione setTime - debe notar que el tiempo salta a 2 segundos
- presiona play
... el video comenzará a los 2 segundos en.
Pero si descargo el archivo webm en el src de origen a mi servidor web local, y cambio el src para señalarlo localmente:
<source src="chrome_japan.webm" type=''video/webm; codecs="vp8, vorbis"''/>
... luego se ignora el ajuste currentTime. No se muestran errores en la consola de herramientas del desarrollador.
Ahora, mi servidor web está publicando esto con tipo de mimo "video / webm", pero se servirá como cualquier archivo anterior, no se transmitirá.
¿Necesito un servidor web que se transmita de alguna manera específica? ¿Qué más podría ser la culpa aquí?
Nota: El servidor web es una plataforma patentada y no tendrá la misma configuración exacta o controles que cabría esperar de Tomcat u otro servidor web comúnmente utilizado, aunque puede haber otras formas de lograr el mismo efecto.