Introducción al artículo de Wulin.com (www.vevb.com): HTML 5 Descripción general de video.
1 Introducción al video
Cita el texto de introducción de mi documento traducido "Incorporar audio y video en páginas HTML5": Hoy, la única forma confiable de integrar videos en las páginas web y verlos todos los usuarios, independientemente de su navegador o sistema operativo, es usar Flash. Esto requiere el complemento de Adobe Flash y combina las etiquetas <ject> y <incremed>.
La mayoría de los usuarios ya tienen complementos Flash instalados (de hecho, alrededor del 95% de los usuarios de Internet tienen una determinada versión de Flash), pero los seguidores de HTML 5 están presionando para un estándar de video abierto que no requiere ningún complemento. Esta es la idea traída a la nueva etiqueta de HTML 5 <DIDEO>, que proporciona una forma de incrustar videos (e interactuar con ellos) sin la necesidad de complementos privados como Flash.
Desafortunadamente, el video no es tan simple. El navegador no solo necesita comprender la etiqueta <Deo>, sino también una codificación y decodificador necesarios para reproducir videos. La solución obvia es solo para los creadores de especificaciones HTML 5 elegir un códec de video y dejar que cada fabricante del navegador lo ejecute.
De todos modos, eso es lo que recomendaciones. Al mismo tiempo, este es también el fusible que causa el caos. El debate sobre una variedad de códecs ya es muy molesto, pero lo más trágico es que los fabricantes de navegadores no pueden alcanzar un final unificado. Apple es reacio a usar el códec OGG Theora propuesto, pero Opera y Mozilla tampoco están dispuestos a pagar las tarifas de licencia debido a que sus navegadores cargan el códec H.264. Google admite ambos, y Microsoft está muy por detrás del debate porque no tiene planes de admitir elementos de video HTML 5.
Ante el punto muerto de los fabricantes de navegadores, el dictador HTML 5 bien intencionado Ian Hickson le dio la mano y dijo follando. Por lo tanto, no existe un códec de codificación de videos especialmente nombrado o especificado en la especificación HTML 5. Ok, cita aquí.
La situación es que Microsoft finalmente está atrapado, pero trágicamente, solo es compatible con H.264 en IE 9. Al mismo tiempo, Google finalmente lanzó el formato de encapsulación de video de código abierto WebM y el formato de codificación de video VP8 en la conferencia de E/S. Opera, Mozilla y Chrome anunciaron que admitirán plenamente VP8, e IE anunció que se requiere algo de soporte (se requiere un complemento, pero si no recuerdo mal, una de las visiones de HTML5 es dejar el complemento del navegador, que es realmente trágico para Microsoft).
Apple decidió no admitir VP8. Jobs cree que VP8 no es tan bueno como H.264 en términos de calidad o eficiencia y no puede cumplir con los requisitos de sus productos. Además, las últimas noticias muestran que VP8 también puede involucrar problemas de patente (si la patente está realmente infringida, la ópera y Firefox probablemente ignorarán VP8 de inmediato).
Habiendo dicho tanto, al final, si desea usar la etiqueta <DIDEO> en la página, debe considerar tres situaciones: aquellas que admiten OGG Theora o VP8 (si nada le sucede a esto) (Opera, Mozilla, Chrome), aquellos que admiten H.264 (Safari, es decir, 9, Chrome), aquellos que no admiten (IE6, 7, 8).
Bueno, ahora comprendamos videos HTML 5 desde un nivel técnico, incluido el uso de etiquetas <video>, propiedades de medios y métodos que los objetos de video pueden usar y los eventos multimedia.
2 Uso de etiqueta de video
La etiqueta de video contiene varios atributos, como SRC, póster, precarga, autopolla, bucle, controles, ancho, altura, etc., así como una etiqueta de uso internacional <uror>.
Además de la etiqueta <sever>, la etiqueta de video también puede incluir el contenido devuelto cuando no se puede reproducir ninguno de los videos especificados.
2.1 Atributo SRC y atributo de póster
¿Te imaginas para qué se usa el atributo SRC? Al igual que la etiqueta <MG>, esta propiedad se usa para especificar la dirección del video.
El atributo de póster se usa para especificar una imagen y mostrarla cuando los datos de video actuales no son válidos (imagen de vista previa). Los datos de video no válidos pueden deberse a que el video se está cargando, puede deberse a que la dirección de video es incorrecta, etc.
2.2 atributo precargado
Esta propiedad también se puede usar por nombre, que se usa para definir si el video está precargado. Hay tres valores opcionales para atributos: ninguno, metadatos y auto. Si esta propiedad no se usa, el valor predeterminado es automático.
Ninguno: Sin precarga. El uso de este valor de la propiedad puede ser que el fabricante de páginas crea que el usuario no espera este video o reduce las solicitudes HTTP.
Metadatos: parcialmente precargado. El uso de este valor de atributo significa que el fabricante de páginas cree que el usuario no espera este video, pero proporciona al usuario algunos metadatos (incluido el tamaño, el primer cuadro, la lista de pistas, la duración, etc.).
Auto: todos precargados.
2.3 atributos de autoplay
Otro atributo que conoce su uso según el nombre. La propiedad de Autoplay se usa para establecer si el video se reproduce automáticamente y es una propiedad booleana. Cuando aparece, significa reproducción automática, y eliminarla significa que no reproduce automáticamente.
Tenga en cuenta que los valores del atributo booleano en HTML no son verdaderos y falsos. El uso correcto es usar este atributo para representar verdadero en la etiqueta. En este momento, el atributo no tiene valor o su valor siempre es igual a su nombre (aquí, la reproducción automática es <Video AutoPlay /> o <Video AutoPlay = AutoPlay />); Si bien este atributo no se usa en la etiqueta para representar falso (aquí, la reproducción automática es <video />).
2.4 Atributos de bucle
Está claro de un vistazo que el atributo de bucle se usa para especificar si el video se reproduce bucle, y también es un atributo booleano.
Atributo de 2.5 controles
La propiedad Controls se utiliza para indicar al navegador que el fabricante de páginas no usa scripts para generar el controlador de reproducción, y el navegador requiere que el navegador habilite su propia barra de control de reproducción.
La barra de control debe incluir control de pausa de reproducción, control de progreso de reproducción, control de volumen, etc.