Integración de Video en Páginas Web
Incrustar un video es similar a incrustar un audio. Los atributos y etiquetas utilizados son comparables.
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.
<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 es compatible con la etiqueta
<video>o los formatos de video especificados, se muestra el texto alternativoYour browser does not support the video element..
index.html
Los formatos de video comúnmente compatibles incluyen MP4, WebM y Ogg. Se recomienda proporcionar el video en varios formatos para garantizar la compatibilidad en diferentes navegadores y dispositivos.
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 the HTML code for adding two videos with titles?
How do I add width to the video element?
Why is it important to use lists for structuring video content?
Awesome!
Completion rate improved to 2.86Integració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.
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.
<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 es compatible con la etiqueta
<video>o los formatos de video especificados, se muestra el texto alternativoYour browser does not support the video element..
index.html
Los formatos de video comúnmente compatibles incluyen MP4, WebM y Ogg. Se recomienda proporcionar el video en varios formatos para garantizar la compatibilidad en diferentes navegadores y dispositivos.
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!
