video标签及其属性
-
`poster`：`url`值作为视频封面，可使用阿里云截帧技术通过在video地址资源追加标识获取视频封面图，行如`?x-oss-process=video/snapshot,t_1000,m_fast,f_png,ar_auto`，可参考[阿里云视频截帧](https://www.alibabacloud.com/help/zh/doc-detail/64555.htm)，也可以自定义图片
-
`preload`：预加载
-
`playsinline，webkit-playsinline`：`true`，在网页内播放，而不是弹出窗口播放
-
`x-webkit-airplay`：`true`，支持ios的airplay功能
-
`x5-video-player-type`：`h5`，启用h5播放器
-
`x5-video-orientation`：`h5`，声明播放方向
-
`x5-video-player-fullscreen`：`true`，防止横屏
<video :src="url" ref="video" :poster='url+"?x-oss-process=video/snapshot,t_1000,m_fast,f_png,ar_auto"' preload="auto" style="object-fit:fill" playsinline="true" webkit-playsinline="true" x-webkit-airplay="true" x5-video-player-type="h5" x5-video-orientation="h5" x5-video-player-fullscreen="true" @click="iosClickNoJump($event, 'video')" ></video>
参考文章：
