营销型网站价格品牌营销推广策划公司

问题现象

部分浏览器视频脱离文档流，滚动时，视频是悬浮出来，在顶部播放

解决方案

添加下列属性，可解决大部分浏览器的脱离文档流的问题

<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>

最终效果

参考资料

1. 几款优秀开源的HTML5 视频播放器
2. muiplayer-推荐