Integración de Video en Páginas Web
Incrustar un video es similar a incrustar un audio. Los atributos y etiquetas utilizados son comparables. Veamos esto en detalle.
Incrustación de Video
La etiqueta <video> incrusta contenido de video en un documento HTML, permitiendo a los usuarios reproducir videos directamente en el navegador.
Atributos de Video
controls: Agrega controles de video para reproducir, pausar y ajustar el volumen;autoplay: Especifica la funcionalidad de reproducción automática;loop: Permite la reproducción continua del video.
Ejemplo:
<video controls autoplay loop>
<!-- Source tags will be defined here -->
</video>
Fuente
La etiqueta <source> se utiliza dentro de la etiqueta <video> para especificar la fuente (URL) del archivo de video y sus atributos. src especifica la URL del archivo de video. type especifica el tipo MIME del archivo de video.
Ejemplo:
<video controls autoplay loop>
<source src="video-url.mp4" type="video/mp4" />
<source src="video-url.webm" type="video/webm" />
Your browser does not support the video element.
</video>
En el ejemplo anterior:
- La etiqueta
<video>incluye los atributoscontrols,autoplayyloop; - Las etiquetas
<source>especifican las URLs de origen de los archivos de video y sus tipos MIME; - Si el navegador no admite la etiqueta
<video>o los formatos de video especificados, se muestra el texto alternativoYour browser does not support the video element..
index.html
Tutorial en video
1. ¿Qué etiqueta se utiliza para incrustar contenido de video en un documento HTML?
2. ¿Qué atributo de las etiquetas <video> y <audio> agrega controles como reproducir, pausar y ajustar el volumen?
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Can you show me an example of how to add multiple videos with titles in HTML?
What are the best practices for making videos accessible on a website?
How can I customize the appearance of the video player using CSS?
Awesome!
Completion rate improved to 3.13Integración de Video en Páginas Web
Desliza para mostrar el menú
Incrustar un video es similar a incrustar un audio. Los atributos y etiquetas utilizados son comparables. Veamos esto en detalle.
Incrustación de Video
La etiqueta <video> incrusta contenido de video en un documento HTML, permitiendo a los usuarios reproducir videos directamente en el navegador.
Atributos de Video
controls: Agrega controles de video para reproducir, pausar y ajustar el volumen;autoplay: Especifica la funcionalidad de reproducción automática;loop: Permite la reproducción continua del video.
Ejemplo:
<video controls autoplay loop>
<!-- Source tags will be defined here -->
</video>
Fuente
La etiqueta <source> se utiliza dentro de la etiqueta <video> para especificar la fuente (URL) del archivo de video y sus atributos. src especifica la URL del archivo de video. type especifica el tipo MIME del archivo de video.
Ejemplo:
<video controls autoplay loop>
<source src="video-url.mp4" type="video/mp4" />
<source src="video-url.webm" type="video/webm" />
Your browser does not support the video element.
</video>
En el ejemplo anterior:
- La etiqueta
<video>incluye los atributoscontrols,autoplayyloop; - Las etiquetas
<source>especifican las URLs de origen de los archivos de video y sus tipos MIME; - Si el navegador no admite la etiqueta
<video>o los formatos de video especificados, se muestra el texto alternativoYour browser does not support the video element..
index.html
Tutorial en video
1. ¿Qué etiqueta se utiliza para incrustar contenido de video en un documento HTML?
2. ¿Qué atributo de las etiquetas <video> y <audio> agrega controles como reproducir, pausar y ajustar el volumen?
¡Gracias por tus comentarios!
