问题现象
部分浏览器视频脱离文档流,滚动时,视频是悬浮出来,在顶部播放
解决方案
添加下列属性,可解决大部分浏览器的脱离文档流的问题
<videowebkit-playsinline=""playsInlinex5-playsinlinet7-video-player-type="inline"x5-video-player-type="h5-page"x-webkit-airplay="allow"disablePictureInPicture
><source src={src} type="video/mp4" />
</video>
最终效果
参考资料
- 几款优秀开源的HTML5 视频播放器
- muiplayer-推荐