無外掛H5播放器EasyPlayer.js網頁web無外掛播放器選擇全屏時，影片區域並沒有全屏問題的解決方案

EasyPlayer發表於2024-11-15
H5播放器JS網頁Web

EasyPlayer.js H5播放器，是一款能夠同時支援HTTP、HTTP-FLV、HLS（m3u8）、WS、WEBRTC、FMP4影片直播與影片點播等多種協議，支援H.264、H.265、AAC、G711A、MP3等多種音影片編碼格式，支援MSE、WASM、WebCodec等多種解碼方式，支援Windows、Linux、Android、iOS全平臺終端的H5播放器，使用簡單，功能強大。

H5無外掛流媒體播放器EasyPlayer.js屬於一款高效、精煉、穩定且免費的流媒體播放器，可支援多種流媒體協議播放，支援H.264與H.265編碼格式，效能穩定、播放流暢，並且已實現網頁端實時錄影、在iOS上實現低延時直播等功能。

H5選擇全屏時，影片區域並沒有全屏的問題的原因

因為H5全屏採用的是web端的全屏方案。

{
    position: fixed ;
    z-index: 9999 ;
    left: 0 ;
    top: 0 ;
    right: 0 ;
    bottom: 0 ;
    width: 100vw !important ;
    height: 100vh !important ;
    background: #000 ;
}

所以要保證，EasyPlayer的container繫結的dom物件，以及上層物件，是否某些屬性導致了position: fixed失效。

EasyPlayer.js網頁全終端安防影片流媒體播放器無須安裝任何外掛，起播快、延遲低、相容性強，使用非常便捷。

總之EasyPlayer.js播放器不僅支援H.264與H.265影片編碼格式，也能支援WebSocket-FLV、HTTP-FLV、HLS（m3u8）、WebRTC、ws-fmp4、http-fmp4等格式的影片流，並具備直播、點播、錄影、快照截圖、MP4播放、多屏播放、倍數播放、全屏播放等功能特性。

相關文章