¿Cómo agregar un vídeo a una página web con diseño div css?

Cree un nuevo archivo html, llamado test.html, para explicar cómo agregar vídeos a páginas web con diseño div css.

Utiliza la etiqueta de vídeo para lograrlo. Puede configurar el tamaño, el modo de reproducción, etc. del video en la etiqueta de video y establecer la ruta del video en la etiqueta de origen.

Utiliza la etiqueta de objeto para lograr esto. En la etiqueta del objeto, también puede establecer el tamaño del video y el atributo de datos es la ruta del video.

Utiliza la etiqueta embed para lograr esto. Dentro de la etiqueta de inserción, establece la ruta del vídeo a través de src.

Las rutas de video, objeto y etiquetas incrustadas no solo admiten rutas relativas, sino que también admiten otras rutas de video de enlace remoto (como Youku, iQiyi, etc.).

Las tres etiquetas video, objeto e inserción tienen diferentes problemas de compatibilidad con diferentes navegadores. En el uso real, las tres etiquetas generalmente se escriben juntas para lograr la mejor compatibilidad.

Abra el archivo test.html en el navegador para comprobar el efecto de la reproducción del vídeo.