这个可以检测 videoWidth 和 videoHeight 这两个属性是否等于自己创建的的属性，不等于则是全屏jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作由John Resig在2006年1月的BarCamp NYC上发布第一个版本。

点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法在全屏页用两指缩小手势不是下滑或点“x”，即刻退出全屏并继续播放视频。

111 浏览器是否支持全屏模式documentfullscreenEnabled documentfullscreenEnabled属性返回一个布尔值，表示当前文档是否可以切换到全屏状态const fullscreenEnabled = documentfullscreenEnabled。

truequot *全屏设置， 设置为 true 是防止横屏* x5videoorientation=quotportraintquot *播放器支付的方向， landscape横屏，portraint竖屏，默认值为竖屏* style=quotobjectfitfillquotltvideoposter=quotimages1jpgquot。

documentaddEventListenerquotfullscreenchangequot， function event if documentfullscreenElement consolelog#39进入全屏#39 else consolelog#39退出全屏#39 可以这样判断但是旧版IE是不。

网上看不了全屏也不是一件很纠结的事，建议去下载360浏览器观看，目前为止起码用它就可以全屏看下面的按纽 1 播放暂停2停止 下来是时间进度本视频总时间 接下来是亮度调节 紧接着就是全屏按纽 把视频里的设置的硬件。

但是点了“x”之后退出了全屏并且视频播放停下来了，点击播放时又全屏了，但是我们可以退出全屏并继续播放，具体方法在全屏页用两指缩小手势不是下滑或点“x”，即刻退出全屏并继续播放视频如果是的，请采纳。

下面小程序和h5两个方面解决以上问题亲测有效效果如下图这样封面图片就铺满整个video标签了，图片也不会变形，更多 objectfit 相关属性这里不多介绍，想要了解的可以自行学习。

各个手机浏览的video的操作不同iphone 除非本身页面是app内嵌页，配合app本身对h5 webview的操作，可以实现视频播放不全屏 andriod 60以上开始小米手机等，就开始默认video标签不会默认全屏播放。

首先，VideoPlayer是支持全屏播放的，注意播放器的右下角有一个控制全屏状态的按钮，点击之后，视频就进入全屏状态，而播放条会位于稍微靠底部的位置，并且过一段时间后就会自动隐藏再次点击全屏按钮，或按ESC键，即可退出全屏。

2在你的Vue组件中，添加一个用于控制全屏状态的data属性和相应的方法3在视频播放器组件中，通过调用父组件的方法来触发全屏状态的切换VueVideoPlayer是一个基于Vuejs的视频播放器组件，它提供了在Vue应用程序中集成。

video并没有完全撑满浏览器，在body下加上margin0，接下来给video加上样式，使之没有scroll，又能撑满全屏，打来浏览器就能看到恰到好处的背景视频了在页面中加上文字，会发现该文字并没有显示在页面上，需要调低video。

通过调试，发现在全屏后，video标签 width height 均为0，经过查看videojs官网文档，检查播放器实例配置，无误，Google各种方案无果 果断放弃video自带的全屏方案 通过修改video标签旋转，按宽高比放大视频至设备。

用JS在页面加载完成后 获取浏览器高度以及宽度，再设置VIDEO元素高度宽度即可ltscript type=quottextjavascriptquot function resizeBody var bodyHeight = $quot#Flash1quot。

项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果在HTML5中，W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +，safri51+。