這個(gè)可以檢測(cè) videoWidth 和 videoHeight 這兩個(gè)屬性是否等于自己創(chuàng)建的的屬性，不等于則是全屏jQuery是一套跨瀏覽器的JavaScript庫(kù)，簡(jiǎn)化HTML與JavaScript之間的操作由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個(gè)版本。

點(diǎn)擊播放時(shí)又全屏了，但是我們可以退出全屏并繼續(xù)播放，具體方法在全屏頁(yè)用兩指縮小手勢(shì)不是下滑或點(diǎn)“x”，即刻退出全屏并繼續(xù)播放視頻。

111 瀏覽器是否支持全屏模式documentfullscreenEnabled documentfullscreenEnabled屬性返回一個(gè)布爾值，表示當(dāng)前文檔是否可以切換到全屏狀態(tài)const fullscreenEnabled = documentfullscreenEnabled。

truequot *全屏設(shè)置， 設(shè)置為 true 是防止橫屏* x5videoorientation=quotportraintquot *播放器支付的方向， landscape橫屏，portraint豎屏，默認(rèn)值為豎屏* style=quotobjectfitfillquotltvideoposter=quotimages1jpgquot。

documentaddEventListenerquotfullscreenchangequot， function event if documentfullscreenElement consolelog#39進(jìn)入全屏#39 else consolelog#39退出全屏#39 可以這樣判斷但是舊版IE是不。

網(wǎng)上看不了全屏也不是一件很糾結(jié)的事，建議去下載360瀏覽器觀看，目前為止起碼用它就可以全屏看下面的按紐 1 播放暫停2停止 下來(lái)是時(shí)間進(jìn)度本視頻總時(shí)間 接下來(lái)是亮度調(diào)節(jié) 緊接著就是全屏按紐 把視頻里的設(shè)置的硬件。

但是點(diǎn)了“x”之后退出了全屏并且視頻播放停下來(lái)了，點(diǎn)擊播放時(shí)又全屏了，但是我們可以退出全屏并繼續(xù)播放，具體方法在全屏頁(yè)用兩指縮小手勢(shì)不是下滑或點(diǎn)“x”，即刻退出全屏并繼續(xù)播放視頻如果是的，請(qǐng)采納。

下面小程序和h5兩個(gè)方面解決以上問題親測(cè)有效效果如下圖這樣封面圖片就鋪滿整個(gè)video標(biāo)簽了，圖片也不會(huì)變形，更多 objectfit 相關(guān)屬性這里不多介紹，想要了解的可以自行學(xué)習(xí)。

各個(gè)手機(jī)瀏覽的video的操作不同iphone 除非本身頁(yè)面是app內(nèi)嵌頁(yè)，配合app本身對(duì)h5 webview的操作，可以實(shí)現(xiàn)視頻播放不全屏 andriod 60以上開始小米手機(jī)等，就開始默認(rèn)video標(biāo)簽不會(huì)默認(rèn)全屏播放。

首先，VideoPlayer是支持全屏播放的，注意播放器的右下角有一個(gè)控制全屏狀態(tài)的按鈕，點(diǎn)擊之后，視頻就進(jìn)入全屏狀態(tài)，而播放條會(huì)位于稍微靠底部的位置，并且過一段時(shí)間后就會(huì)自動(dòng)隱藏再次點(diǎn)擊全屏按鈕，或按ESC鍵，即可退出全屏。

2在你的Vue組件中，添加一個(gè)用于控制全屏狀態(tài)的data屬性和相應(yīng)的方法3在視頻播放器組件中，通過調(diào)用父組件的方法來(lái)觸發(fā)全屏狀態(tài)的切換VueVideoPlayer是一個(gè)基于Vuejs的視頻播放器組件，它提供了在Vue應(yīng)用程序中集成。

video并沒有完全撐滿瀏覽器，在body下加上margin0，接下來(lái)給video加上樣式，使之沒有scroll，又能撐滿全屏，打來(lái)瀏覽器就能看到恰到好處的背景視頻了在頁(yè)面中加上文字，會(huì)發(fā)現(xiàn)該文字并沒有顯示在頁(yè)面上，需要調(diào)低video。

通過調(diào)試，發(fā)現(xiàn)在全屏后，video標(biāo)簽 width height 均為0，經(jīng)過查看videojs官網(wǎng)文檔，檢查播放器實(shí)例配置，無(wú)誤，Google各種方案無(wú)果 果斷放棄video自帶的全屏方案 通過修改video標(biāo)簽旋轉(zhuǎn)，按寬高比放大視頻至設(shè)備。

用JS在頁(yè)面加載完成后 獲取瀏覽器高度以及寬度，再設(shè)置VIDEO元素高度寬度即可ltscript type=quottextjavascriptquot function resizeBody var bodyHeight = $quot#Flash1quot。

項(xiàng)目中需要將后臺(tái)瀏覽器的窗口全屏，也就是我們點(diǎn)擊一個(gè)按鈕要實(shí)現(xiàn)按F11全屏的效果在HTML5中，W3C制定了關(guān)于全屏的API，就可以實(shí)現(xiàn)全屏幕的效果，也可以讓頁(yè)面中的圖片，視頻等全屏目前只有g(shù)oogle chrome 15 +，safri51+。