Fancybox打開空白頁與YouTube的API

-1

Fancybox工作正常，當我把一個鏈接，如「http://www.youtube.com/embed/WQNQU_EQy6I」但我從YouTube頻道和視頻'鏈接就像「http://www.youtube.com/watch?v=Neff9scaCCI & feature = youtube_gdata」和fancybox不能使用這些鏈接。Fancybox打開空白頁與YouTube的API

請幫忙。

JS -

<script type="text/javascript"> 
      $(document).ready(function() { 
       $(".various").fancybox({ 
        maxWidth : 800, 
        maxHeight : 600, 
        fitToView : false, 
        width  : '70%', 
        height  : '70%', 
        autoSize : false, 
        closeClick : false, 
        openEffect : 'elastic', 
        closeEffect : 'none' 
       }); 
      }); 
</script>

HTML -

<a class="various fancybox.iframe" href="http://www.youtube.com/watch?v=Neff9scaCCI&feature=youtube_gdata">Video</a>

SOLUTION： 我用這個來解決這個問題。 $ vd將視頻的網址存儲在其中，並通過此代碼將該鏈接轉換爲工作鏈接。

$vd = preg_replace('/.+(\?|&)v=([a-zA-Z0-9]+).*/', 'http://youtube.com/embed/$2', $vd);

然後用它

<a class="various fancybox.iframe" href="<?php echo $vd;?>">Video</a>

希望它可以幫助我這樣的人尋找一個解決這個問題。

來源

2013-01-20 linpar

你的解決方案本來可以更簡單，如果你只是添加了fancybox媒體助手....檢查http://stackoverflow.com/a/10972551/1055987 – JFK

我試過，但那也沒有工作。 – linpar

您需要使用fancybox媒體功能。試着改變你的JS到：

$(document).ready(function() { 
    $('.fancybox-media').fancybox({ 
     openEffect : 'none', 
     closeEffect : 'none', 
     helpers : { 
      media : {} 
     } 
    }); 
});

，試着改變鏈接：

<a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo">Video</a>

欲瞭解更多信息去看看的fancybox網站：http://www.fancyapps.com/fancybox/#examples

我希望這有助於！

來源

2013-01-20 14:34:50 user1925621

已經嘗試過。這甚至不打開fancybox。 – linpar

Fancybox打開空白頁與YouTube的API

回答

相關問題