Para reproducir un solo video, y que este se vuelva a reproducir cuando termine, el parámetro loop por sí solo no es suficiente.
De acuerdo a la documentación de la API de IFrame de YouTube sobre los parámetros del reproductor, se especifica esto sobre el parámetro loop:
Nota: La compatibilidad de este parámetro es limitada en el reproductor AS3 y en las incorporaciones IFrame, que podrían cargar el reproductor AS3 o el reproductor HTML5. Actualmente, el parámetro loop solo funciona con el reproductor AS3 cuando se usa junto al parámetro playlist. Para reproducir en bucle un solo video, establece el valor de parámetro loop en 1 y establece el valor del parámetro playlist en el mismo ID de video que se especifica en la URL de la API del reproductor:
http://www.youtube.com/v/VIDEO_ID?version=3&loop=1&playlist=VIDEO_ID
Por lo que, en adición a los parámetros que ya tienes en el reproductor, debes añadir el parámetro playlist
.
En este parámetro se especifica como valor una lista separada por comas de los IDs de los videos que quieres reproducir. En tu caso, solo quieres que se reproduzca un solo video, entonces en ese caso solo necesitas especificar la ID del video:
playlist=VIDEO_ID
El valor del atributo src
del elemento iframe
, sin desmenuzar, quedaría así:
https://www.youtube.com/embed/JA6RTwGdTVY?playlist=JA6RTwGdTVY&controls=0&autoplay=1&loop=1&showinfo=0&rel=0
Desmenuzado, se ve así:
https://www.youtube.com/embed/JA6RTwGdTVY?
playlist=JA6RTwGdTVY /* Nuevo parámetro */
controls=0&
autoplay=1&
loop=1&
showinfo=0&
rel=0
Código
<div class="video-background">
<div class="video-foreground">
<iframe src="https://www.youtube.com/embed/JA6RTwGdTVY?playlist=JA6RTwGdTVY&controls=0&autoplay=1&loop=1&showinfo=0&rel=0" frameborder="0" allowfullscreen></iframe>
</div>
</div>
Lo puedes ver en acción en este JSFiddle.
Véase también