解决网页中的 video 标签在移动端浏览器（如百度访问网页）视频脱离文档流播放问题

问题现象

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

解决方案

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

<video     webkit-playsinline=""     playsInline     x5-playsinline     t7-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-推荐