vimeo視頻的音頻在模式關閉後繼續播放

我有一個播放模式窗口的vimeo視頻。它在除Safari瀏覽器之外的每個瀏覽器都能正常工作（尚未在Internet Explorer中進行測試）。在safari中，關閉窗口會隱藏視頻，但不會停止音頻播放。vimeo視頻的音頻在模式關閉後繼續播放

我使用bpopup：jquery.bpopup.min.js 和jQuery 1.10.2

這是觸發模式窗口的鏈接：

<li id="li1"><a href="#">Reel</a></li>

並在打開的jQuery的視頻：

<script> 
// $ is assigned to jQuery 
;(function($) { 
    $(function() { 
     $('#li1').bind('click', function(e) { 
      e.preventDefault(); 
      $('#reel').bPopup({ 
       modalClose: true, 
       opacity: 0.6, 
       positionStyle: 'fixed' //'fixed' or 'absolute 
});});});})(jQuery); 
    </script>

而且視頻本身：

<div id="reel"> 
    <a class="b-close">X<a/> 
    <iframe src="http://player.vimeo.com/video/86850935?byline=0&amp;portrait=0&amp;color=c9ff23" width="500" height="334" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
    </div>

我對jquery相當陌生，而且我花了幾天的時間來努力解決這個問題，但都無濟於事。

編輯：我選擇styling-

<style> 

body{ 
font-family: 'Play', sans-serif; 
color:#FFF; 
width:100%; 
height:100%; 
background-color:#000; 
} 


#reel{ 
display:none; 
} 
.b-close{ 
cursor:pointer; 
position:absolute; 
right:-20px; 
top:0px; 
width:10px; 
height:10px; 
}

來源

2014-06-14 user3251031

你要設置的內bPopup的onClose回調（見第4部分：http://dinbror.dk/bpopup/）一些邏輯。一種選擇是使用Vimeo JavaScript API：http://developer.vimeo.com/player/js-api

另一種選擇是重置iframe src。以下是一些JavaScript實現的示例：

$(function() { 
    $('#li1').bind('click', function(e) { 
    e.preventDefault(); 
    $('#reel').bPopup({ 
     modalClose: true, 
     opacity: 0.6, 
     positionStyle: 'fixed', //'fixed' or 'absolute 
     onClose: function() { 
      var iframe = $('#reel iframe'), 
       iframe_src = iframe.attr('src'); 

      iframe.attr('src', ''); 
      iframe.attr('src', iframe_src); 
     } 
    }); 
    }); 
});

來源

2014-06-15 00:24:41

vimeo視頻的音頻在模式關閉後繼續播放

回答

相關問題