jquery video全屏_用videojs让HTML5视频在移动端全屏的方法

用videojs让HTML5视频在移动端全屏的方法

文章标签: 视频

:

04-10 19:23

:

1859次

:

0条

1赞

点赞

简介在使用videojs插件时，如何让HTML5的视频在移动端里自动全屏的方法及实例。

站长最近做的一个WEB项目里，有个栏目是视频展示，站长排版用的是bootstrap，让网页自适应，在电脑端的时候，显示四列，每行四个视频，在移动端的时候，显示两列，在电脑端无所谓，显示四列视频已经能看清视频的内容了，关键是在移动端。

站长在测试的时候，用微信打开，不用任何的设置，视频会自动全屏，但用浏览器打开，就不行了，并且因为视频太小，播放器上自带的那个全屏按钮也看不到，在网上找了好多好多的资料，但真真的是内容都一模一样，就连测试都可能没人测试过吧。

站长自己把相关内容整理一下，一个是自我学习的过程，另一个也是方便其他遇到和站长同样问题的朋友们，希望能帮你们节省不少的时间。

虽然代码也是从网上找来的，但站长是经过测试的，保证可用的：var FullScreen=function(t){

if(t.requestFullscreen) {

t.requestFullscreen();

}else if(t.mozRequestFullScreen) {

t.mozRequestFullScreen();