我有一個問題,

html5視頻控件捕獲在iOS上發生的任何動作,這干擾了我需要在視頻上顯示的模態窗口.

我正在嘗試自定義模態本身,但似乎無法使其工作.基本上,當模態打開時,我需要做：

var video = document.getElementById("videocontainer");

video.removeAttribute("controls");

當模態關閉時,我需要再次添加控件：

var video = document.getElementById("videocontainer");

video.setAttribute("controls","controls");

但我似乎無法讓它發揮作用.這是模態窗口相關部分的代碼：

//Entrance Animations

function openModal() {

modalBG.unbind('click.modalEvent');

$('.' + options.dismissmodalclass).unbind('click.modalEvent');

if(!locked) {

lockModal();

if(options.animation == "fadeAndPop") {

modal.css({'top': $(document).scrollTop()-topOffset, 'opacity' : 0, 'visibility' : 'visible'});

modalBG.fadeIn(options.animationspeed/2);

modal.delay(options.animationspeed/2).animate({

"top": $(document).scrollTop()+topMeasure,

"opacity" : 1

}, options.animationspeed,unlockModal());

}

if(options.animation == "fade") {

modal.css({'opacity' : 0, 'visibility' : 'visible', 'top': $(document).scrollTop()+topMeasure});

modalBG.fadeIn(options.animationspeed/2);

modal.delay(options.animationspeed/2).animate({

"opacity" : 1

}, options.animationspeed,unlockModal());

}

if(options.animation == "none") {

modal.css({'visibility' : 'visible', 'top':$(document).scrollTop()+topMeasure});

modalBG.css({"display":"block"});

unlockModal()

}

}

}

//Closing Animation

function closeModal() {

if(!locked) {

lockModal();

if(options.animation == "fadeAndPop") {

modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);

modal.animate({

"top": $(document).scrollTop()-topOffset,

"opacity" : 0

}, options.animationspeed/2, function() {

modal.css({'top':topMeasure, 'opacity' : 1, 'visibility' : 'hidden'});

unlockModal();

});

}

if(options.animation == "fade") {

modalBG.delay(options.animationspeed).fadeOut(options.animationspeed);

modal.animate({

"opacity" : 0

}, options.animationspeed, function() {

modal.css({'opacity' : 1, 'visibility' : 'hidden', 'top' : topMeasure});

unlockModal();

});

}

if(options.animation == "none") {

modal.css({'visibility' : 'hidden', 'top' : topMeasure});

modalBG.css({'display' : 'none'});

}

}

}

總結

以上是生活随笔為你收集整理的html 关闭js控件,javascript – 用JS关闭html5视频控件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。