Otomatik olarak gömülü Youtube videosu Fancybox ile

Question

Sayfamda, tıklatıldığında Fancybox modal kutusuna yüklenen bağlantılı bir resim var. Bunu başarılı bir şekilde yapar ancak videoyu autoplay'a istiyorum. YouTube URL'sini autoplay=1 olarak ayarladıysam, gizli DIV sayfa yüklemesinde arka planda oynatılır.

// Here is the linked image 
<a id="inline" href="#video"><img src="someimage.jpg" alt="Description" /></a> 

// Here is the hidden DIV 
<div style="display:none"> 
    <div id="video"> 
    <iframe title="YouTube video player" width="640" height="390" src="###YOUTUBE LINK###rel=0&amp;hd=1&amp;autoplay=0" frameborder="0"></iframe> 
    </div> 
</div> 

// Here is the script 
<script type="text/javascript"> 
    $("a#inline").fancybox({ 
    'hideOnContentClick': true, 
    }); 
</script> 

Tahminimce() olay ve dize autoplay=1 için autoplay=0 değiştirmek yerine Bind çeşit yapmanız gereken ama herhangi bir başarı olmadan birkaç varyasyonlar denedi

Herhangi bir düşünce lütfen var mı?

Answer 1

Bağlantılı görüntünüzün href ilk adresini YouTube URL'nize dönüştürün, böylece "autoplay=1" like this link (Gömülü URL'YI DEĞİL).

$("#tip4").click(function() { 
    $.fancybox({ 
      'padding'  : 0, 
      'autoScale'  : false, 
      'transitionIn' : 'none', 
      'transitionOut' : 'none', 
      'title'   : this.title, 
      'width'  : 680, 
      'height'  : 495, 
      'href'   : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'), 
      'type'   : 'swf', 
      'swf'   : { 
       'wmode'  : 'transparent', 
       'allowfullscreen' : 'true' 
      } 
     }); 

    return false; 
}); 

• Quick example

bu şekilde yaparak, insanlar hala, video izlemek için olsun JS için devre dışı olsa bile: O senin oldukça yalındır hangi <div> ve follow tip 4 on the FancyBox "Tips & Tricks" page gizli kurtulmak onlar.