使用jQuery與Fancybox的YouTube視頻....但Youtube控件不工作？

我有這樣的代碼顯示YouTube視頻時，我在一家小圖片的點擊，但問題是，在YouTube，如音量和全屏控制和，事情並沒有工作...但我覺得一切都OK！只有Youtube播放按鈕的作品，音量和其他控件不工作！爲a標籤使用jQuery與Fancybox的YouTube視頻....但Youtube控件不工作？

<script type="text/javascript"> 
    $(document).ready(function($) { 
     $(".fancybox").fancybox({ 
      type: "iframe", 
      iframe : { 
       preload: false 
      } 
     }); 
    }); 
</script> 


<a class="fancybox" rel="group" href="//www.youtube.com/embed/29tFKSylaGE" title="Image Veg"><img src="imagens/pic4.jpg" alt="Image1" title="Image 1"></a>

來源

2014-01-17 andyB

爲什麼要使用2個版本的jQuery？ –

什麼版本的fancybox？檢查這個如果幫助http://stackoverflow.com/q/14344289/1055987 – JFK

-1

變化

<a class="fancyYoutube" href="http://i1.ytimg.com/vi/92c3dX-AoXs/default.jpg"><img src="http://i1.ytimg.com/vi/92c3dX-AoXs/default.jpg"></a>

到

<a class="fancyYoutube" id="img1" href="http://i1.ytimg.com/vi/92c3dX-AoXs/default.jpg"><img src="http://i1.ytimg.com/vi/92c3dX-AoXs/default.jpg" alt="img1"></a>

集ID，然後設置alt爲img標籤作爲ID

來源

2014-01-17 02:06:02

感謝您的幫助，但問題仍然存在一樣！ – andyB

我有同樣的問題，因爲你： Youtube在iframe中，雖然視頻會播放，但控件的'似乎沒有工作。我只是永遠尋找答案。什麼終於解決了我的問題是這樣的：

https://github.com/fancyapps/fancyBox/issues/516

解決的辦法很簡單，真的。透明的fancybox元素.fancybox-nav覆蓋了Youtube控件。減小該透明導航元素的大小，並且可以訪問「在其下面」的控件。

你需要編輯您的項目下列文件：jquery.fancybox.css

就個人而言，我改變了值，這一點：

top: 45%; 
width: 20%; 
height: 10%;

我也有我的I幀的網頁我需要能夠點擊我的iframe中的html部分，所以我不能在我的內容上擁有巨大的透明導航塊。如果您只是在做Youtube，那麼您可以使用更大的導航元素。

的數值爲100％，所以要保持你的中心導航圖標，你的頂值，乘以2，再加上高度，應該等於100％。 HTH。

來源

2014-04-28 10:19:01 Burgundy

使用jQuery與Fancybox的YouTube視頻....但Youtube控件不工作？

回答

相關問題