無法在關閉彈出窗口時暫停視頻

Question

問題是，當我關閉彈出窗口而未暫停視頻時，音頻仍在播放。關閉彈出窗口時我無法暫停視頻。完整的代碼如下。

//html code 

<style> 
.yourModalClass { 
padding: 0 1.5em 1em; 
border-radius: 5px; 
max-width: 380px; 
color:#fff; 
} 
.yourModalClass a { 
color:#fff; 
} 
</style> 

<a href="#yourModalId">abc</a> 
<div id="yourModalId" class="yourModalClass" style="display:none; margin-left: -20%; margin-right: 20%"> 
    <h2>abc</h2> 
    <video width="600" height="400" controls=""> 
    <source src="abc.mp4" type="video/mp4"/> 
    Your browser does not support HTML5 video. 
    </video> 
</div> 

<script> 
$('#yourModalId').modality({ 
    effect: 'slide-up' 
}); 
</script> 

//javascript 
/* @author: Himanshu Kandpal (cse10324.sbit@gmail.com)*/ 
;(function(e,t,n,r){var i="modality",s=e("body")[0],o=   {autoBind:true,clickOffToClose:true,closeOnEscape:true,effect:"",innerClass:"mm-wrap",modalClass:"modality-modal",onClose:"",onOpen:"",openClass:"mm-show",openOnLoad:false,userClass:""},u=function(t,n){var r=this;r.defaults=o;r.id=e(t).attr("id");r.settings=e.extend({},o,n);r.$modal=e(t).wrap('<div class="'+r.settings.modalClass+" "+r.settings.effect+" "+r.settings.userClass+'">'+'<div class="'+r.settings.innerClass+'">'+"</div>"+"</div>").show();r.$wrapper=r.$modal.parents("."+r.settings.modalClass);r.$triggers=e('a[href="#'+r.id+'"], [data-modality="#'+r.id+'"]');if(r.settings.autoBind){r.$triggers.each(function(){r.setTrigger(e(this))})}if(r.settings.clickOffToClose){r.$wrapper.click(function(e){e.preventDefault();if(e.target==r.$wrapper[0])r.close()})}if(r.settings.closeOnEscape){e(s).keyup(function(e){if(e.keyCode==27)r.close()})}if(navigator.appVersion.indexOf("MSIE 7.")!=-1){r.$wrapper.prepend('<div class="mm-ghost"></div>')}if(r.settings.openOnLoad)r.open();return r};e.extend(u.prototype,{open:function(e){this.$wrapper.add(s).addClass(this.settings.openClass);if(typeof this.settings.onOpen=="function")this.settings.onOpen();if(typeof e=="function")e();return this},close:function(e){this.$wrapper.add(s).removeClass(this.settings.openClass);if(typeof this.settings.onClose=="function")this.settings.onClose();if(typeof e=="function")e();return this},toggle:function(e){return this.isOpen()?this.close(e):this.open(e)},isOpen:function(){return this.$wrapper.hasClass(this.settings.openClass)},setTrigger:function(e){var t=this;e.click(function(e){e.preventDefault();t.toggle()});return t}});e.extend(u,{instances:{},init:function(e,t){var n={},i=this,s=0;e.each(function(){var e=new i(this,t);i.instances[e.id]=n[s]=e});return n[1]===r?n[0]:n}});e[i]=u;e.fn[i]=function(t){return e[i].init(this,t)}})(jQuery,window,document); 

Answer 1

增加號碼至視頻CONTROLER元素

電話後向上滑動

$('#videoID')[0].pause(); 

$("#videoID")[0]將返回的DOM元素而不是jQuery對象作爲pause方法不是jQuery的方法，其DOM方法