[html] 如何解决微信浏览器视频点击自动全屏的问题?
生活随笔
收集整理的這篇文章主要介紹了
[html] 如何解决微信浏览器视频点击自动全屏的问题?
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
[html] 如何解決微信瀏覽器視頻點擊自動全屏的問題?
1.1 頁面內(nèi)播放 X5內(nèi)核視頻在用戶點擊后默認會進入全屏播放,前端可以設置video的x5-playsinline屬性來將視頻限定于網(wǎng)頁內(nèi)部播放,這個默認還是使用的X5內(nèi)核視頻播放控件,層級高于頁面層級1.2 同層頁面內(nèi)播放 同層頁面內(nèi)播放是標準的視頻播放形態(tài),在video標簽中添加且只需要添加一個(不要與x5-playsinline同時存在):**x5-video-player-type='h5-page'**屬性來控制網(wǎng)頁內(nèi)部同層播放,可以在視頻上方顯示html元素,使用瀏覽器默認的播放控件,可以修改播放器樣式,層級跟頁面一個層級個人簡介
我是歌謠,歡迎和大家一起交流前后端知識。放棄很容易,
但堅持一定很酷。歡迎大家一起討論
主目錄
與歌謠一起通關前端面試題
總結
以上是生活随笔為你收集整理的[html] 如何解决微信浏览器视频点击自动全屏的问题?的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 华为交换机命令 端口速率_华为交换机看端
- 下一篇: [html] HTML5的Server-