花式盒播放Youtube視頻

好日子花式盒播放Youtube視頻

我在以下網址創建的腳本：http://www.radiocraft.ca

在線路634至668

我做錯了什麼，並作爲結果，當我無比的播放按鈕，而不是打開fancybox，我被髮送到Youtube視頻的全屏版本。我做錯了什麼？

謝謝。

另外，如何製作半徑5英尺的fancybox視頻角？

再次感謝您。

來源

2013-02-23 user2103109

請在這裏發表的代碼的相關部分。 – 2013-02-23 21:20:35

你沒有video方法，我想你想使用fancybox代替

這樣的：

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

來源

2013-02-23 21:20:13 AlexC

Alex，謝謝。我上傳了您提供的代碼。它仍然在全屏Youtube視頻中打開，而不是Fancybox窗口。有些東西仍然是錯誤的。 – user2103109 2013-02-23 21:30:25

只需添加到您的代碼，這個代碼行：（這是JavaScript的）

$(document).ready(function() { 
    $(".video").fancybox({ 
     maxWidth : 800, 
     maxHeight : 600, 
     fitToView : false, 
     width  : '70%', 
     height  : '70%', 
     autoSize : false, 
     closeClick : false, 
     openEffect : 'none', 
     closeEffect : 'none' 
    }); 
});

和你的HTML鏈接（你有一流的視頻添加下一類fancybox.iframe）

所以你的HTML鏈接看起來像：（包括您的href圖像）

<a class="video fancybox.iframe" href="http://www.youtube.com/v/meqnw_DdArE?fs=1&autoplay=1"><img alt="Corvette Video" src="Headphone%20Amplifier%20Corvette%20Video%20Main.jpg" width="587" height="391" class="style40" /></a>

我希望這個小的fancybox教程將幫助你;）

來源

2013-02-23 21:35:02

我無法發佈代碼 - 該網站不允許我發佈它的評論部分，我不能張貼在回答我自己的問題。原始帖子中提到了URL和代碼行。謝謝。 – user2103109 2013-02-23 21:39:55

謝謝盧卡斯。我用你的代碼替換了相關的代碼部分。它仍然以全屏Youtube視頻而不是Fancybox打開。 – user2103109 2013-02-23 22:01:52

你只需要在鏈接：'fancybox.iframe'而不是：'video fancybox.iframe'這個鏈接。檢查它並修復它;;）我看你的代碼，你有我發佈給你的javascript包裹一些'$（「＃yt」）。click（function（）{'刪除這部分代碼.. – 2013-02-23 22:03:58

花式盒播放Youtube視頻

回答

相關問題