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 に答える