x5-video-player-fullscreen

x5-video-player-fullscreen是一个控制视频是否全屏播放的属性。当该属性设置为true时，视频将全屏播放；当该属性设置为false时，视频将以正常大小播放。以下是一个例子：

<video src="example.mp4" x5-video-player-type="h5" x5-video-player-fullscreen="true"></video>

相关问题

uni-app如何使用x5-video-player-fullscreen

uni-app是一个基于Vue.js的跨平台开发框架，可以用于开发iOS、Android、H5等多个平台的应用程序。而x5-video-player-fullscreen是一个uni-app插件，用于实现视频全屏播放功能。

要使用x5-video-player-fullscreen插件，需要按照以下步骤进行操作：

1. 在uni-app项目的根目录下，使用命令行工具安装x5-video-player-fullscreen插件：

npm install uni-x5-video-player

2. 在需要使用视频播放功能的页面中，引入x5-video-player-fullscreen插件：

import x5VideoPlayer from 'uni-x5-video-player'
Vue.use(x5VideoPlayer)

3. 在页面的template中，使用x5-video-player组件来实现视频播放功能：

<template>
  <view>
    <x5-video-player :src="videoUrl" :poster="posterUrl"></x5-video-player>
  </view>
</template>

其中，videoUrl是视频的链接地址，posterUrl是视频封面的链接地址。

4. 在页面的script中，定义videoUrl和posterUrl的值：

export default {
  data() {
    return {
      videoUrl: 'http://example.com/video.mp4',
      posterUrl: 'http://example.com/poster.jpg'
    }
  }
}

这样就可以在uni-app中使用x5-video-player-fullscreen插件来实现视频全屏播放功能了。

x5-video-player-type：h5-page

x5-video-player-type="h5-page"是为video标签添加的属性，用于启用H5播放器并将视频置为全屏。在微信安卓版中，添加此属性后，微信浏览器会自动将视频置为全屏，同时防止横屏。与x5-video-player-type="h5"相比，x5-video-player-type="h5-page"解决了视频层级过高的问题，视频播放也不会立刻进入全屏状态。如果需要监听x5的全屏事件进行适配，可以参考链接中的适配思路。

代码示例：

<video src="video.mp4" x5-video-player-type="h5-page" x5-video-player-fullscreen="true"></video>