Question

我遇到以下代码问题。我需要能够使用jQuery show（）和 hide（）来显示和隐藏此视频，但是当我执行以下操作时，视频将不再加载：

点击显示按钮
点击隐藏按钮
点击显示按钮 - 视频不再加载。

注意：我无法使用隐藏/可见的隐藏。

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

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

希望它有所帮助。

Ooyala视频展示/隐藏问题

1 个答案: