html什么控件能放视频,在全屏播放HTML5视频时,自定义控件仍然适用吗？

我回答了我自己的问题,关键是自定义控件位于< div>内.包括您想要全屏播放的视频.在下面的代码中,这个< div>被称为“videoContainer”.

这是在webkit和mozilla浏览器中进入和退出全屏模式的JS代码：

var $video=$('video');

//fullscreen button clicked

$('#fullscreenBtn').on('click', function() {

$(this).toggleClass('enterFullscreenBtn');

if($.isFunction($video.get(0).webkitEnterFullscreen)) {

if($(this).hasClass("enterFullscreenBtn"))

document.getElementById('videoContainer').webkitRequestFullScreen();

else

document.webkitCancelFullScreen();

}

else if ($.isFunction($video.get(0).mozRequestFullScreen)) {

if($(this).hasClass("enterFullscreenBtn"))

document.getElementById('videoContainer').mozRequestFullScreen();

else

document.mozCancelFullScreen();

}

else {

alert('Your browsers doesn\'t support fullscreen');

}

});

这是HTML：

...

custom controls

play/pause

fullscreen