Ooyala视频显示/隐藏问题

Question

我对以下代码有问题。我需要能够使用jQueryshow（）和hide（）示和隐藏此视频，但当我执行以下操作时，视频将不再加载：

1. 单击显示按钮
2. 单击隐藏按钮
3. 单击显示按钮-视频不再加载

注意：我不能使用可见性隐藏/可见。

<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>

Answer 1

搜索社区网站后http://community.ooyala.com/t5/Developers-Forum/Show-hide-player-destroy/m-p/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>

当你点击第一个按钮并用第二个按钮摧毁它时，你就创建了玩家。用另一种方式来做这件事似乎没有真正的解决方案。

希望能有所帮助。