2013-10-01 5 views
-1
<a href="http://www.youtube.com/watch?v=bzrboNXdhH4" class="TESTER123" id="hello"><%= image_tag("youtube.png", id:"YouTube", class: "img-rounded") %></a> 

J'utilise le code suivant pour ouvrir la vidéo dans la boîte de fantaisie, mais je veux que la vidéo AutoPlay une fois qu'il ouvre, mais sa ne fonctionne pas de cette façon et aussi la vidéo ne devrait pas une autre suggestions de vidéos à la fin. J'ai essayé d'ajouter dans le lien vidéo "& autoplay = 1" et "& rel = 0", mais ce ne fonctionne pas pour moi.NivoLightbox autoplay youtube video

Quelqu'un peut-il m'aider?

(désolé les gars j'oublié de mentionner que j'utilise NivoLightbox pas Fancybox)

+0

http://jsfiddle.net/Marcel/5QZsG/1/ –

+0

@anonymousxxx Oui, j'ai essayé et je l'ai mentionné dans ma question. –

+0

@SamBattat J'ai vérifié ce fil mais cela ne m'a pas aidé. –

Répondre

0

Setup fancybox comme ça, et il devrait fonctionner:

$('.TESTER123') 
    .fancybox({ 
     helpers : { 
      media : true 
     }, 
     youtube : { 
      params : { 
       autoplay : 1, 
       showinfo : 0, 
      } 
     } 
    }); 
+0

Désolé j'ai posté incorrectement j'utilise lightbox pas fancybox –

5

Cette question est assez vieux, mais au cas où quelqu'un d'autre vient à travers elle, cela fonctionne (testé avec Vimeo, devrait travailler avec youtube ainsi):

$('.TESTER123').nivoLightbox({ 
    afterShowLightbox: function(){ 
     src = $('.nivo-lightbox-content > iframe').attr('src'); 
     $('.nivo-lightbox-content > iframe').attr('src', src + '?autoplay=1'); 
    } 
}); 
+0

Fonctionne comme un charme. Merci – Mehdiway

+0

@Mehdiway ou joshcartme - où va ce code? Je n'ai pas vraiment d'expérience avec javascript/jquery mais j'ai essayé de mettre ceci sous le $ ('a'). NivoLightbox(); }); 'dans mon en-tête sans chance. – Ryan

+0

Nevermind Je me suis rendu compte qu'il fallait changer le code de '$ ('a'). NivoLightbox()' en $ ('a'). NivoLightbox ({'pour l'ouvrir. – Ryan