Comentario: La mayoría de los videos se muestran a través de complementos (como Flash). Sin embargo, no todos los navegadores tienen el mismo complemento, HTML5 especifica una forma estándar de incluir videos a través de elementos de video, que se pueden usar para completar la reproducción de video
Hoy, la mayoría de los videos se muestran a través de complementos (como Flash). Sin embargo, no todos los navegadores tienen el mismo complemento.HTML5 especifica una forma estándar de incluir videos a través de elementos de video.
En HTML5, el elemento de video actualmente admite tres formatos de archivos de video.
1.Ogg = OGG File 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
Entonces, ¿cómo mostrar videos en HTML5? Los ejemplos son los siguientes:
<video src = "demo.mp4" controls = "controls"> Su navegador no admite este formato de video. </video>
Bien, expliquemos el significado de cada atributo en el elemento de video. Entre ellos, el ancho y la altura no se explicarán. Principalmente hablamos de controles. Como su nombre indica, los controles son controles, jaja, son controles como la reproducción de video, la pausa de volumen, etc. Los caracteres chinos insertados en el medio del elemento de video, debe saber que son inteligentes y le indican al usuario que el navegador no admite el uso del formato de video.
Cabe señalar que para asegurarse de que sea adecuado para el navegador Safari, el archivo de video debe ser de tipo MP4. Los videos de formato OGG son adecuados para navegadores Firefox, Opera y Chrome. Internet Explorer 8 no admite elementos de video. En IE 9, se proporciona soporte para elementos de video con MPEG4.
Por supuesto, si no estamos seguros de qué formato de videos es compatible con nuestro navegador, primero podemos verificarlo. El método de detección está disponible en otra publicación de blog. Si está interesado, puede consultarlo. Si no quieres ser problemático, ¿qué debes hacer? Podemos hacer esto:
<Video Controls = "Controls">
<Source src = "Movie.ogg" type = "video/ogg">
<fuente src = "Movie.mp4" type = "Video/Mp4">
Su navegador no admite este formato de video.
</video>
El elemento de video permite múltiples elementos de origen. El elemento fuente puede vincular diferentes archivos de video. El navegador utilizará el primer formato reconocible, por lo que solo necesitamos preparar algunos videos más en diferentes formatos.
A continuación, presentaremos las propiedades de varias etiquetas de video.
1.AUTOPLAY: esta propiedad aparece significa que el video se reproducirá automáticamente cuando esté listo. Uso: Autoplay = Autoplay
2. Controles: aparece esta propiedad significa que el usuario se muestra con controles, como botones de reproducción, etc. Uso: controles = controles
3.HEATHT: altura establecida
4. ancho: establecer ancho
5.loop: repetición automática, uso: bucle = bucle
6.Preload: el video está cargado y listo para reproducirse cuando la página está cargada. Uso: Preload = Auto
Auto: cargue todo el video después de que se carga la página
Meta: solo se cargan los metadatos después de cargar la página
Ninguno: el video no se carga después de cargar la página
Nota: Si se usa Autoplay, se ignora la precarga.
7.Src: la URL para reproducir el video