ビデオ停止on div hide

Question

私はこれまでに対処されていることを知っていますが、私のコードが異なるので、私自身の問題に他のソリューションを適用するのに十分なコードはわかりません。私のビデオはYouTubeのビデオではなく、ちょうど私のWebフォルダにあります。

基本的に私はビデオが自動再生のdivにポップアップしています。あなたがvidの隠しをクリックすると、私はしたいが、オーディオは再生を続けます。私は、divが隠されているときにビデオの再生を停止したいだけで、正しいコードをどのようにプラグインするのか分からないようです。誰かが私を助けることができたら、私は本当にそれを感謝します。ありがとう。

<script type="text/javascript"> 
document.onclick=check; 
function check(e){ 
var target = (e && e.target) || (event && event.srcElement); 
var obj = document.getElementById('mydiv'); 
if(target!=obj){obj.style.display='none'} 
} 
</script> 


<div id="mydiv"><video autoplay><source src="socialphobiavideo.mp4"></video></div> 

Answer 1

があなたの<video>にidを追加し、それを停止するpause()を使用します：

<script type="text/javascript"> 
document.onclick = function check(e){ 
    var target = (e && e.target) || (event && event.srcElement); 
    var obj = document.getElementById('mydiv'); 
    if(target != obj){ 
     obj.style.display='none'; 
     document.getElementById('myvideoelement').pause(); 
    } 
} 
</script> 


<div id="mydiv"> 
    <video id='myvideoelement' autoplay> 
     <source src="socialphobiavideo.mp4"> 
    </video> 
</div>