Cómo Incrustar Videos de YouTube Para que Inicien en un Momento Específico

By | enero 7, 2014

Cómo Incrustar Videos de YouTube que Inicien en una Marca de Tiempo

Incrustar videos de YouTube para que empiecen en un momento determinado es bastante sencillo de hacer, aunque no es una opción que se encuentre tan accesible que digamos. A diferencia de la opción que nos permite compartir el enlace de un video, cuya configuración para empezar en una marca de tiempo específica se encuentra simplemente al lado del enlace generado, el asunto no es tan simple cuando se trata de incrustar dicho video en código HTML.

Cuando deseamos insertar un video de YouTube para que éste se pueda visualizar en nuestra página web o blog, simplemente no contamos con la opción para configurar el inicio del video en un momento determinado. Sin embargo, esto aún puede realizarse con la ayuda de unos cálculos sencillos y un parámetro HTML.

Lo primero que debes hacer es tomar apunte del minuto y segundo en donde deseas que inicie el video a incrustar. Por ejemplo: digamos que tengo un video que deseo que empiece en el minuto 57 y segundo 16. Lo primero que debes hacer es convertir este lapso de tiempo en segundos. Así que sería 57 por 60 más 16 lo cual nos daría 3436.

Luego generamos el código HTML que vamos a utilizar para incrustar el video en nuestra web como siempre lo has hecho. Y en la parte donde se encuentra el vínculo hacia el video, le agregamos el parámetro start seguido de la cantidad de segundos que calculamos en la parte anterior.

Para ilustrar mejor el asunto te voy a dejar un ejemplo. Vamos a incrustar el video de la canción One More Time de Daft Punk para que inicie exactamente en el minuto 4 segundo 33. Esto nos da como resultado un total de segundos de 273, por lo que debemos agregar como parámetro al código HTML el valor start=273

El código original es este:

<iframe width="600" height="450" src="//www.youtube.com/embed/FGBhQbmPwH8?rel=0" frameborder="0" allowfullscreen></iframe>

Y con el código de inicio insertado es así:

<iframe width="600" height="450" src="//www.youtube.com/embed/FGBhQbmPwH8?rel=0&start=273" frameborder="0" allowfullscreen></iframe>

No te olvides de agregar el caracter & para especificar el parámetro. Aquí te dejo el video incrustado:

Dale play y disfruta de la canción.