0

在 Chrome/Safari 中,一旦灯箱关闭,Vimeo 视频将继续在后台播放。此时“分离”可以停止视频,但是当您关闭灯箱并单击菜单项以重新打开视频时,视频 div 为空白。我已尝试“克隆”和“附加”,但无法重新输入视频。

网站功能:点击“a”“b”“c”,随视频一起出现灯箱。单击灯箱中的“X”,灯箱内容关闭。

    HTML/CSS 
    a id="alphaa" <------ The  a, b, c menu item, when clicked, open the lightbox
    .abcbox_content <------- The div that holds all the content for the lightbox
    #videowrapper <------ div that holds the Vimeo iframe
    .abc-align-right <---- the "X" to close the lightbox

这是我到目前为止的 jQuery。

    <script type="text/javascript">
    $(document).ready(function(){
    $(".abc-align-right").click(function() {
    $("#videowrapper").clone(true); 
    $("#videowrapper").contents().detach();
    if ($(".abcbox_content").is(':visible'))
    $("#videowrapper").append();
    }); });
    </script>

谢谢你的帮助

4

2 回答 2

0

看起来您正在克隆元素,但没有使用克隆。试试这个:

<script type="text/javascript">
    $(document).ready(function(){
    $(".abc-align-right").click(function() {

        $("#videowrapper").replaceWith($("#videowrapper").clone(true)); 

    });
    </script>
于 2012-03-03T01:58:08.223 回答
0

您还可以使用 Vimeo Javascript API 暂停和取消暂停视频。

见:http: //vimeo.com/api/docs/player-js

您必须为 iframe 分配一个 id,然后是:

$(".abc-align-right").click(function() {
  $("#iframe_id").postMessage({ "method": "pause" });
});

每当您使灯箱出现时,请致电:

 $("#iframe_id").postMessage({ "method": "play" });

由于您需要它来处理同一页面上的 3 个视频,您还可以为 iframe 或单独的 id 使用一个类。

于 2012-03-03T02:08:54.710 回答