2012-04-13 12 views
1

Ich weiß, das wurde zuvor angesprochen, aber ich weiß nicht genug über Code, um die anderen Lösungen auf mein eigenes Problem anzuwenden, da mein Code anders ist. Mein Video ist kein Youtube-Video, sondern nur in meinen Webordnern.Video stop auf div verstecken

Grundsätzlich habe ich das Video in einem div auf Autoplay auftauchen. Wenn du auf das Video klickst, was ich will, aber das Audio weiterspielt. Ich möchte nur, dass das Video aufhört zu spielen, wenn das Div versteckt ist, und ich kann nicht herausfinden, wie ich den richtigen Code einstecke. Wenn mir jemand helfen könnte, würde ich es sehr schätzen. Vielen Dank. Das ist mein Skript:

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

Antwort

1

eine id zu Ihrem <video> hinzufügen und verwenden pause() ihn zu stoppen:

<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> 
+0

ich Javascript nicht sicher bin, so dass ich weiß nicht, wo das setzen pause() genau. – Sarah

+0

@Sarah: Sorry, ich habe 'stop()' anstelle von 'pause()' versehentlich benutzt. Der obige Code sollte funktionieren. – Zeta