html 关闭js控件,javascript – 用JS关闭html5视频控件

我有一个问题,

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'});

}

}

}