x5-video-player-type:h5-page
时间: 2023-12-12 14:33:53 浏览: 174
x5-video-player-type="h5-page"是为video标签添加的属性,用于启用H5播放器并将视频置为全屏。在微信安卓版中,添加此属性后,微信浏览器会自动将视频置为全屏,同时防止横屏。与x5-video-player-type="h5"相比,x5-video-player-type="h5-page"解决了视频层级过高的问题,视频播放也不会立刻进入全屏状态。如果需要监听x5的全屏事件进行适配,可以参考链接中的适配思路。
代码示例:
```html
<video src="video.mp4" x5-video-player-type="h5-page" x5-video-player-fullscreen="true"></video>
```
相关问题
x5-video-player-type
x5-video-player-type是一个用于video标签的属性,用于指定视频播放器的类型。其中有两个可选的值:h5和h5-page。值为h5时,解决了视频层级过高的问题,但会出现点击播放自动进入全屏的问题。要解决这个问题,可以监听x5的全屏事件进行适配。而值为h5-page时,解决了视频层级过高的问题,且视频播放不会立刻进入全屏状态。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [video的几个属性](https://blog.csdn.net/weixin_44479896/article/details/122175721)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
- *3* [视频标签 video的一些特殊属性详解](https://blog.csdn.net/m0_46349605/article/details/109362109)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
x5-video-player-fullscreen
x5-video-player-fullscreen是一个控制视频是否全屏播放的属性。当该属性设置为true时,视频将全屏播放;当该属性设置为false时,视频将以正常大小播放。以下是一个例子:
```html
<video src="example.mp4" x5-video-player-type="h5" x5-video-player-fullscreen="true"></video>
```
阅读全文