本篇主要是针对Android系统,所遇到的问题。
- 1. video的全屏处理:
这里说的全屏是指针对浏览器的全屏,而不是整个手机的全屏。要想全屏效果只需对video标签加 webkit-playsinline 。
但是这样做会有一个问题:针对偏长的手机,视频会出现居中的效果。针对这种情况,可以对video加属性 object-fit:fill
<video id="myvideo" src="test.mp4" webkit-playsinline="true" object-fit:fill></video>
- 2. video的自动播放:
自动播放是指页面加载完毕后,视频自动开始播放。但是目前而言,Android机是不支持这种自动播放的。
解决办法:引导用户触发滑屏或者touch事件进行触发 video.play() 进行播放