Ooyala視頻顯示/隱藏問題

Question

我遇到以下代碼問題。我需要能夠顯示和使用jQuery 顯示隱藏此視頻（）和隱藏（）但是當我做下面的視頻不再負載：

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> 

當你點擊第一個按鈕並用第二個按鈕摧毀它時創建播放器。似乎還沒有真正的解決方案，以另一種方式做到這一點。

希望它有幫助。