La forma más fácil de reproducir vídeos en HTML es usar YouTube.
¿Problemas con los formatos de video?
Convertir los vídeos a diferentes formatos puede ser difícil y lleva mucho tiempo.
Una solución más fácil es permitir que YouTube reproduzca los vídeos en su página web.
YouTube video id
YouTube mostrará un id (como tgbNymZ7vqY), cuando guarde (o reproduzca) un video.
Puedes usar esta identificación y hacer referencia al video en el código HTML.
Reproducir un video de YouTube
Para reproducir un video en una página web, haga lo siguiente:
Sube el vídeo a YouTube
Tome nota del
iddel videoDefina un elemento
<iframe>en su página webDeje que el atributo
srcapunte a la URL del videoUse los atributos
widthyheightpara especificar la dimensión del reproductorAgregue cualquier otro parámetro a la URL (ver más abajo)
Ejemplo:
<iframe
width="420"
height="345"
src="https://www.youtube.com/embed/MIGzyojl_A0">
</iframe>
Reproducción automática silenciada
Puedes configurar para que el video se reproduzca automáticamente cuando un usuario visite la página, agregando autoplay=1 a la URL de YouTube. Sin embargo, iniciar automáticamente un video puede ser molesto para los visitantes.
Nota: los navegadores Chromium no permiten la reproducción automática en la mayoría de los casos. Sin embargo, la reproducción automática silenciada siempre está permitida.
Agrega mute=1 después de autoplay=1 para permitir que el video comience a reproducirse automáticamente (pero en silencio).
Ejemplo:
<iframe
width="420"
height="345"
src="https://www.youtube.com/embed/_WmvVJ43RoM?autoplay=1&mute=1">
</iframe>
Playlist de YouTube
Una lista de vídeos separada por comas para reproducir (además de la URL original).
Bucle de YouTube
Agrega loop=1 para dejar que un vídeo se reproduzca para siempre😁
Valor 0 (por defecto): el video se reproducirá una sola vez
Valor 1: El video se repetirá para siempre.
Ejemplo:
<iframe
width="420"
height="345"
src="https://www.youtube.com/embed/_WmvVJ43RoM?playlist=_WmvVJ43RoM&loop=1">
</iframe>
Controlos de YouTube
Agregar controls=0 para no mostrar los controles en el reproductor de video.
Valor 0: los controles del reproductor no se mostrarán
Valor 1: los controles se mostrarán
Ejemplo:
<iframe
width="420"
height="345"
src="https://www.youtube.com/embed/_WmvVJ43RoM?controls=0">
</iframe>
Resumen
La forma más fácil de reproducir vídeos en HTML es usar YouTube. Puedes agregar parámetros (autoplay, mute, loop, controls) para personalizar la forma en que se reproduce el video.
Traducido con 💚 desde W3Schools.com