2013-02-25 4 views
1

현재 사용자 인터페이스가 숨겨져있을 때 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 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 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 audio!!!" /> 
    <script type="text/javascript"> 

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

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

아무도 도와 줄 수 있습니까? JWPlayer 사용자 인터페이스가 숨겨져있을 때 오디오를 재생하고 싶습니다.

+0

같은 것을 설정해보십시오 : 그것은 의도적인지,하지만 귀하의 웹 사이트가 404 (찾을 수 없음) 이미지로 엉덩이를 걷어차 경우 몰라) – walialu

+0

을 당신도 바로 플레이어를 설정할 수 있습니다 생각 ~ 1x1 px로 설정하면 작동합니다. 완전히 숨겨져 있으면 작동하지 않습니다. – emaxsaun

+0

@Walialu 이해가 안돼 ??? –

답변

4

div의 표시 스타일을 none으로 설정하면 내용이로드되지 않습니다.

것은 Btw는이

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

Spot on. 감사! –

+0

당신을 환영합니다! – walialu

관련 문제