JWPlayer隱藏時無法播放音頻

我目前正試圖讓JWPlayer在隱藏用戶界面時播放音頻文件。它適用於視頻（播放視頻中的聲音），但由於某種原因，當我使用相同的技術播放音頻文件時，單擊我的自定義播放按鈕時不會發生任何事情。一旦JWPlayer隱藏時無法播放音頻

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
</head> 
<body> 
    <div id="player"></div> 
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" /> 
    <script type="text/javascript"> 

     jwplayer("player").setup({ 
      levels: [ 
       { file: "AudioTest.mp3" }, 
       { file: "AudioTest.wav" } 
      ] 
     }); 

    </script> 
</body> 
</html>

我添加了<div style="display: none;">...</div>的：

此代碼播放從視頻如預期的聲音：

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
</head> 
<body> 
    <div style="display: none;"> 
     <div id="player"></div> 
    </div> 
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden video!!!" /> 
    <script type="text/javascript"> 

     jwplayer("player").setup({ 
      levels: [ 
      { file: "VideoTest001.mp4" }, 
      { file: "VideoTest001.ogv" }, 
      { file: "VideoTest001.webm" } 
      ] 
     }); 

    </script> 
</body> 
</html>

此代碼播放音頻罰款（但玩家可見）音頻不再播放。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
</head> 
<body> 
    <div style="display: none;"> 
     <div id="player"></div> 
    </div> 
    <input onclick="jwplayer('player').play();" type="button" value="Play the hidden audio!!!" /> 
    <script type="text/javascript"> 

     jwplayer("player").setup({ 
      levels: [ 
       { file: "AudioTest.mp3" }, 
       { file: "AudioTest.wav" } 
      ] 
     }); 

    </script> 
</body> 
</html>

任何人都可以幫忙嗎？我希望在隱藏JWPlayer用戶界面時播放音頻。

來源

2013-02-25 Kevin Brydon

：不知道，如果它是有意還是無意的，但你的網站踢屁股以其404（未找到）圖像;） – walialu 2013-02-25 16:09:43

我相信你也可以只設置播放器到1x1像素，它會工作。如果它完全隱藏，它將無法工作。 – emaxsaun 2013-02-25 16:12:06

@Walialu我不明白嗎？ – 2013-02-25 16:40:45

據我所知，當div的顯示風格設置爲none時，不加載內容。

嘗試順便說一句設置這樣的事情

<div style="width: 1px; height: 1px; position: absolute; top: -9999px; left: -9999px;"> 
    <div id="player"></div> 
</div>

來源

2013-02-25 16:05:04 walialu

現貨。謝謝！ – 2013-02-25 16:24:52

不客氣！ – walialu 2013-02-25 16:25:13

JWPlayer隱藏時無法播放音頻

回答

相關問題