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>