fancyBox가 닫힌 후 오디오가 계속됩니다.

fancyBox 안에 jwplayer가 있습니다. FB 창을 닫더라도 오디오가 클립 끝까지 재생됩니다. 콜백을 사용해야한다고 생각했지만 어떻게 설정해야할지 모르겠습니다. 누군가가 내 코드에서이 문제를 해결하기 위해 누락 된 부분을 알려주 길 바란다.fancyBox가 닫힌 후 오디오가 계속됩니다.

감사합니다.

<p class="fancylist"><a id="inline" href="#samples">Listen to Samples</a></p> 
<div style="display:none;"> 

<div id="samples" style="width:550px;"> 
<script type='text/javascript' src='jwplayer.js'></script> 
<div id='mediaspace'>This text will be replaced</div> 
<script type='text/javascript'> 
jwplayer('mediaspace').setup({ 
'flashplayer': 'http://www.mydomain.com/player.swf', 
'playlistfile': 'http://www.mydomain.com/Playlist.php', 
'playlistsize': '500', 
'playlist': 'bottom', 
'controlbar': 'bottom', 
'width': '470', 
'height': '400' 
}); 

</script> 
</div> 
</div>

출처

2012-08-23 Michael

문제는 (예상보다) 단지 멋진 상자를 닫는 멋진 상자에 사용되는 DIV에 display:none;을 설정한다. 즉, div가 여전히 페이지에 있고 동영상이 계속 재생 중이므로 볼 수 없습니다.

이 링크를 확인하십시오. 매우 비슷한 질문입니다.

Website youtube embedded video keeps playing

출처

2012-08-23 03:33:10

마이크가 맞습니다. 오디오를 중지하려면 DOM에서 실제 객체를 제거해야합니다. 또는 적절한 라이브러리에서 실제 중지 기능을 호출 할 수도 있습니다. – StephenPAdams

@michael 숨겨진 div의 내용을 분리 된 html 파일에 넣은 다음 사용자 정의 fancybox 스크립트에서'type : "iframe"을 사용하여 해당 파일을 호출하십시오. 인라인 비디오 또는 오디오를 사용하는 것은 좋지 않은 생각입니다. 또한 페이지로드에 오버 헤드가 발생합니다. – JFK

여러분 모두가 너무 빨리 저를 잊어 버려서 고마워요. @JFK, 나는 오버 헤드 문제를 인식하지 못했습니다. iframe을 사용하겠습니다. – Michael

fancyBox가 닫힌 후 오디오가 계속됩니다.

답변

관련 문제