Los últimos tutoriales de desarrollo web

HTML Videos de Youtube


La forma más fácil de reproducir vídeos en formato HTML, es el uso de YouTube.


La lucha con los formatos de vídeo?

Las diferentes versiones de diferentes navegadores soportan diferentes formatos de vídeo.

Al principio de este tutorial, se ha visto que es posible que tenga que convertir sus vídeos a diferentes formatos de vídeo para hacerlos jugar en todos los navegadores.

La conversión de videos a formato diferente puede ser difícil y requiere mucho tiempo.

Una solución más fácil sería para que YouTube jugar los vídeos en su página web.


YouTube Video Id

YouTube mostrará un id (like XGSy3_Czz8k) , al guardar (or play) un video.

Se puede utilizar esta identificación, y se refieren a su vídeo en HTML.


Reproducción de un vídeo de YouTube en HTML

Para reproducir el vídeo en una página web, haga lo siguiente:

  • Subir el vídeo a YouTube
  • Tomar nota de la identificación de video
  • Definir un <iframe> elemento en su página Web
  • Dejar que el src punto de atributo a la URL del video
  • Utilice la anchura y altura de los atributos para especificar la dimensión del jugador
  • Añadir cualquier otro parámetro a la URL

Ejemplo - Uso iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Inténtalo tú mismo "

Parámetros de YouTube

auto-escondite

Valor 0: Los controles del reproductor son siempre visibles.

Valor 1: Los controles del reproductor se oculta automáticamente cuando el vídeo se reproduce.

Valor 2 (default) : Si el jugador tiene 16: 9 o 4: 3, igual que 1, de lo contrario mismo que 0.

auto reproducción

El valor 0 (default) : El vídeo no se reproduce automáticamente cuando se carga el jugador.

Valor 1: El vídeo se reproducirá automáticamente cuando se carga el jugador.

controles

Valor 0: controles del reproductor no se muestra. El vídeo se carga inmediatamente.

Valor 1 (default) : El jugador controla la visualización. El vídeo se carga inmediatamente.

Valor 2: El jugador controla la visualización, pero el video no se carga antes de que el usuario inicia la reproducción.

lazo

El valor 0 (default) : El vídeo se reproducirá una sola vez.

Valor 1: el bucle de vídeo (forever) .

lista de reproducción

Una lista separada por comas de los vídeos para jugar separado (in addition to the original URL) .


YouTube <object> Incrusta

YouTube <object> incrusta quedaron en desuso a partir de enero de 2015.

Debe migrar sus aplicaciones a utilizar <iframe> incrusta.

Ejemplo - Uso <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Inténtalo tú mismo "

Ejemplo - Uso <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Inténtalo tú mismo "