做网站公司 深圳信科怎么搭建视频网站

问题现象

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

解决方案

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

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