解决网页中的 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>
最终效果
参考资料
原文地址:https://blog.csdn.net/weixin_40795574/article/details/140471850
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!