1

我知道以前已经解决了这个问题，但是我对代码的了解还不够，无法将其他解决方案应用于我自己的问题，因为我的代码不同。我的视频不是 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>
4

1 回答 1

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>
于 2012-04-13T21:07:01.670 回答