Fancybox視頻在關閉時繼續播放

剛剛實現Fancybox彈出頁面加載 - 但是，當用戶點擊fancybox返回到網站，歌曲將開始再次播放。任何想法可能會導致這種情況？Fancybox視頻在關閉時繼續播放

<!-- FANCYBOX POPUP --> 
<a class="popupLink" href="#popup"></a> 
<div id="popup"> 
    <iframe width="853" height="480" src="http://www.youtube.com/embed/Qw7k_erTgow?autoplay=1" frameborder="0" allowfullscreen></iframe> 
</div> 
<!-- .popup --> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".popupLink").fancybox();      

    window.setTimeout('$(".popupLink").trigger("click")', 100); 
}); 
</script> 

<script type="text/javascript"> 
$("a.more").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' 
     } 
    });

來源

2013-08-21 Taylor Cooney

首先，爲了避免您應該加載的jQuery的一個版本潛在的衝突（你有兩個：V1.4和V1.7）

其次，相同的jQuery你正在加載兩個不同版本的fancybox（你有：v1.3.4和v2.0.3）

第三，我個人認爲有一個inline iframe視頻是不是一個好主意，因爲你真的沒有控制內部發生的事情iframe。此外，它可能會增加頁面加載和其他潛在問題（如您正在遇到的問題）的開銷。

好消息是，你可以在fancybox內按需打開你的視頻，換句話說，只有當你需要它，而不是隱藏在你的網頁和背景中播放......所以我會建議這些變化對您的代碼：

HTML

<a class="popupLink" href="http://www.youtube.com/embed/Qw7k_erTgow?autoplay=1&wmode=opaque"></a>

...並刪除內嵌的iframe <div id="popup"><iframe ...></div>

$(document).ready(function() { 
    $(".popupLink").fancybox({ 
    "padding": 1, 
    "type": "iframe", 
    "width": 853, 
    "height": 480 
    }); 
    window.setTimeout('$(".popupLink").trigger("click")', 100); 
}); // ready

來源

2013-08-21 02:02:08 JFK

謝謝JFK，感謝您的幫助！ –

Fancybox視頻在關閉時繼續播放

回答

相關問題