HTML5 <VIDEO> La etiqueta admite 3 formatos de video comúnmente utilizados:
1. Archivo OGG = OGG con codificación de video Theora y codificación de audio Vorbis;
2. MPEG4 = MPEG 4 Archivo con codificación de video H.264 y codificación de audio AAC;
3. Webm = archivo webm con codificación de video VP8 y codificación de audio Vorbis.
Hoy en día, los navegadores convencionales tienen un soporte diferente para los formatos de video. Creo que el día en que se publica HTML5 oficialmente admitirá más formatos de video, trayendo muchos beneficios a los desarrolladores y usuarios.
Hablemos sobre el uso de videos de etiqueta de video HTML5. Si necesita mostrar videos en el navegador, todo lo que necesita es copiar el siguiente código:
<video src = película.ogg ancho = 320 altura = 240 controles = controles>
Su navegador no admite la etiqueta de video.
</video>
Propiedades de control para agregar controles de reproducción, pausa y volumen. También es una buena idea incluir propiedades de ancho y altura de ancho. Los navegadores muestran el contenido insertado entre <DIDEO> y </BELO> que no admiten elementos de video.
El código anterior utiliza un archivo OGG que funciona para Firefox, Opera y Google Chrome. Para garantizar que sea adecuado para el navegador Safari, el archivo de video debe estar en formato MPEG4. IE8 no es compatible con las etiquetas HTML5 <DIDEO> e IE9 admite esta etiqueta, pero también debe usar el formato MPEG4.
El elemento de video permite múltiples elementos de origen. El elemento fuente puede vincular archivos de video en diferentes formatos. El navegador detecta y usa el primer formato reconocible, el código es el siguiente:
<ancho de video = 320 altura = 240 controles = controles>
<fuente src = película.ogg type = video/ogg>
<fuente src = película.mp4 type = video/mp4>
Su navegador no admite la etiqueta de video.
</video>
Las siguientes son las propiedades comunes de la etiqueta <RODEAR>:
| propiedad | valor | describir |
autoplaz | autoplaz | Si aparece esta propiedad, el video se reproducirá inmediatamente después de que esté listo. |
Control | Control | Si aparece esta propiedad, se muestra un control al usuario, como un botón de reproducción. |
altura | píxeles | Establezca la altura del reproductor de video. |
bucle | bucle | Si esta propiedad aparece, la reproducción comienza nuevamente cuando el archivo multimedia ha terminado de reproducirse. |
precargar | precargar | Si aparece esta propiedad, el video se carga cuando la página está cargada y lista para reproducirse. Si se usa Autoplay, se ignora esta propiedad. |
SRC | url | URL del video para reproducir. |
ancho | píxeles | Establece el ancho del reproductor de video. |
La aparición de video de etiqueta de video HTML5 ha mejorado enormemente la experiencia del usuario de la web y hará que sea más conveniente para los usuarios navegar y usar.