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

在搜索了他们的社区网站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>

当您单击第一个按钮并使用第二个按钮将其销毁时，您将创建播放器。似乎没有真正的解决方案可以以另一种方式做到这一点。

希望能帮助到你。

于 2013-07-27T15:23:32.673 回答