div에서 비디오 중지 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

이 <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>