Question

我知道之前已经解决了这个问题，但我对代码将其他解决方案应用于我自己的问题知之甚少，因为我的代码不同。我的视频不是Youtube视频，只是在我的网络文件夹中。

基本上我在自动播放的div中弹出了视频。当你点击我想要的视频隐藏，但音频一直在播放。我只是希望视频在隐藏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>

div上的视频停止隐藏

1 个答案: