Red de conocimiento informático - Material del sitio web - ¿Cómo insertar un vídeo de reproducción automática en la página usando HTML5?

¿Cómo insertar un vídeo de reproducción automática en la página usando HTML5?

Cuando navegas por el sitio web, ¿has notado que hay vídeos, audios, etc.? ¿En el sitio web? ¿Sabes cómo insertar un vídeo en una página y hacer que se reproduzca automáticamente con HTML5? Este artículo le dirá cómo insertar html5 en el video, así como el código para insertar html en el video. Los amigos interesados ​​pueden consultarlo.

Nota:

Introducción a la etiqueta relacionada con el vídeo:

lt video gt se utiliza para definir el vídeo.

ltsource gtEstablece el recurso del vídeo.

lttrack gt puede configurar pistas de texto en el reproductor multimedia.

Nota: Preste atención a la compatibilidad del navegador al utilizarlo.

Ejemplo de demostración 1: Cómo insertar un vídeo en una página usando html5

Detalles del ejemplo:

Creación por primera vez

lt video width=" 300 "height="200 "controlgt

ltsource src = " movie . ogg " type = " video/ogg " gt;

Su navegador no admite la etiqueta de video .

lt/video gt; Renderizado:

Ejemplo de demostración 2: inserte un vídeo que se pueda reproducir automáticamente en la página.

Sintaxis:

Para insertar un vídeo que se pueda reproducir automáticamente en la página, solo necesitas agregar un atributo, que está en HTML

ltvideo width= " 320 "height="240 "Control autoplaygt

ltsource src = " movie . ogg " type = " video/ogg " gt;

Su navegador no admite la etiqueta de video .

lt/video gt; Add

Lo anterior presenta cómo insertar videos en la página en HTML5 y cómo insertar videos que se pueden reproducir automáticamente. La explicación es detallada y fácil de entender. Los principiantes pueden probarlo ellos mismos y encontrar un vídeo para insertar en la página. Vea si su código puede reproducirse automáticamente. ¡Espero que este artículo te sea útil!

Tutoriales recomendados

1. Videotutorial HTML5

2. Manual de desarrollo HTML

3 Tutorial de orientación

>4.Efecto de animación de carga de página CSS