div hide上的視頻停止

Question

我知道這個問題之前已經解決了，但是我不知道如何將其他解決方案應用於我自己的問題，因爲我的代碼不同。我的視頻不是Youtube視頻，只是在我的網絡文件夾中。

基本上我有視頻彈出在自動播放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

添加id您<video>並使用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>