Cómo embeber una porción concreta de un vídeo de YouTube

Teléfono 876 168 038

Juan Sebastián Bach, 41 - Zaragoza

Lunes a Viernes 8:00 - 18:00 horas

Top

Cómo embeber una porción concreta de un vídeo de YouTube

Natinnova / Miscelaneo  / Cómo embeber una porción concreta de un vídeo de YouTube
Embeber Vídeo de Youtube
6 Jun

Cómo embeber una porción concreta de un vídeo de YouTube

Embebiendo porciones concretas

Seguro que muchos de vosotros ya sabíais que se puede insertar un vídeo de YouTube y que este comience en un momento determinado de la reproducción. Pero también tenemos la posibilidad de ir un poco más allá y embeber una parte concreta del vídeo en nuestro blog o página web como, por ejemplo, la porción del vídeo que hemos pintado de verde.

A la hora de insertar un código de YouTube tenemos que ir a la opción «Compartir» y elegir «Insertar». Google utiliza el parámetro <iframe>, pero para poder compartir sólo una parte del vídeo tendremos que utilizar una API.

<div videoID=»pZZWW7U24mg» startTime=»45″ endTime=»345″ width=»620″ height=»349″  id=»youtube-player»></div>
<script src=»http://labnol.googlecode.com/files/youtube-embed.js»></script>

En esta API, la ID del vídeo de YouTube es el código del vídeo que viene dado en la dirección del mismo.

Natinnova - Cómo embeber una porción concreta de un vídeo de YouTube
Los parámetros startTime y endTime nos servirán para determinar el tiempo de entrada y salida del vídeo que queremos compartir. El tiempo de entrada y salida del vídeo se debe poner en segundos. Así, si queremos que nuestro vídeo comience en el segundo 45 pondremos startTime=45. Si acaba en el 5’45» calcularemos (5*60)+45=345.  La altura y el ancho del vídeo se pone en píxeles de acuerdo con las medidas de nuestro sitio.
Y ya tendríamos listo nuestro código para poder insertar una parte específica de un vídeo de YouTube en nuestro blog o sitio web. En este caso, el arranque del concierto homenaje a Héroes del Silencio.

¿A qué estás esperando para probarlo?

Agradecemos a Amit Agarwal por habernos enseñado esta API para Youtube y compartirla con nosotros.

Uso de cookies

Utilizamos cookies para mejorar tu experiencia. Si continúas estás dando tu consentimiento de las mismas y aceptando nuestra política de cookies.

ACEPTAR
Aviso de cookies