Video YouTube HTML

La forma más sencilla de incluir videos en HTML es utilizando YouTube.

¿En conflicto con el formato del video?

Convertir el video a un formato diferente puede ser difícil y consumir tiempo.

Una solución más sencilla es hacer que YouTube reproduzca videos en su página web.

Id de Video de YouTube

Al guardar (o reproducir) el video, YouTube muestra un id (por ejemplo, ih1l6wb7LhU).

Puede usar este id y referenciar su video en el código HTML.

Incorporar videos de YouTube en HTML

Para reproducir videos en su página web, siga estos pasos:

  • Suba el video a YouTube
  • Anote el id del video
  • Defina en su página web <iframe> Elemento
  • Haga que src Atributo para apuntar a la URL del video
  • Utilice width y height Atributos para definir el tamaño del reproductor
  • Agregue otros parámetros a la URL (ver a continuación)

Ejemplo

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Prueba personalmente

YouTube Autoplay + Silenciar

Puede hacer que el video comience a reproducirse automáticamente cuando el usuario acceda a la página agregando autoplay=1 en la URL de YouTube. Sin embargo, comenzar a reproducir videos automáticamente puede molestar a sus visitantes!

Nota:En la mayoría de los casos, el navegador Chromium no permite la reproducción automática. Pero siempre permite la reproducción automática silenciada.

En autoplay=1 Agregar después mute=1Permite que su video comience a reproducirse automáticamente (pero está silenciado).

YouTube - Reproducción Automática + Silenciado

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Prueba personalmente

Lista de Reproducción de YouTube

Lista de videos a reproducir separados por comas (URL original除外).

Bucle de YouTube

Agregar loop=1 Hará que su video se repita permanentemente.

Valor 0 (por defecto): El video se reproducirá una vez.

Valor 1: El video se repetirá (siempre).

YouTube - Bucle

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Prueba personalmente

Controles de YouTube

Agregar controls=0 Hará que el reproductor de video no muestre los controles.

Valor 0: Los controles del reproductor no se muestran.

Valor 1 (por defecto): Los controles del reproductor se muestran.

YouTube - Controles

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Prueba personalmente