0

次のコードに問題があります。jQuery のshow()とhide( )を使用してこのビデオを表示および非表示にできるようにする必要がありますが、次のようにするとビデオが読み込まれなくなります。

  1. 表示ボタンをクリックします
  2. 非表示ボタンをクリックします
  3. [表示] ボタンをクリックします - ビデオが読み込まれなくなります。

注: 可視性 hidden / visible は使用できません。

<script src="http://player.ooyala.com/v3/c4166b7aafc48b1aa965e31f92fd8bd"></script>

<div id="player-wrapper">
    <div id='myPlayer'></div>
</div>

<button id="button1">Show</button>
<button id="button2">Hide</button>

<script>    
    var myPlayer1 = OO.Player.create('myPlayer', 't5bnBnYTrmAV4SZZSwEVyFn9cvieJFOJ', {      
        width: 618, 
        height: 437
    });
</script>

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script>
    $("#player-wrapper").hide();

    $("#button1").click(function () {
        $("#player-wrapper").show();
    });

    $("#button2").click(function () {
        $("#player-wrapper").hide();
    });
</script>
4

1 に答える 1

1

コミュニティ Web サイトhttp://community.ooyala.com/t5/Developers-Forum/Show-hide-player-destroy/mp/1678/highlight/true#M58を検索した後、これが問題を解決する方法であると思います。

<div id="player-wrapper">
    <div id='myPlayer'></div>
</div>

<button id="button1">Show</button>
<button id="button2">Hide</button>

<script src="http://player.ooyala.com/v3/c4166b7aafc48b1aa965e31f92fd8bd"></script>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

<script>
    var myPlayer1;
    $("#player-wrapper").hide();

    $("#button1").click(function () {
        myPlayer1 = OO.Player.create('myPlayer','95eGFoYzoL6qb_jnRK1lkSLUYiKICGg1', {      
            width: 618, 
            height: 437
        });
        $("#player-wrapper").show();
    });

    $("#button2").click(function () {
        $("#player-wrapper").hide();
        myPlayer1.destroy();
    });
</script>

最初のボタンをクリックするとプレーヤーが作成され、2 番目のボタンで破棄されます。別の方法でそれを行う本当の解決策はないようです。

それが役に立てば幸い。

于 2013-07-27T15:23:32.673 に答える