属性介绍:
- controls 显示视频控件
- playsinline 取消全屏(小窗口播放)
- x-webkit-airplay 支持ios的AirPlay功能
- x5-video-player-type 安卓上的同层播放
- x5-video-orientation 播放器支持的方向,landscape 横屏, portraint竖屏(默认),需要x5-video-player-type开启H5模式
- x5-video-player-fullscreen 全屏设置
- style里面的object-fit:fill; 将视频内容拉伸填充整个内容容器
代码:
<video controls="controls" webkit-playsinline="true" playsinline="true" x-webkit-airplay="allow"
x5-video-player-type="h5" x5-video-orientation="portraint" x5-video-player-fullscreen="true" style="object-fit:fill">
<source src="./1.mp4" type="video/mp4">
</video>