规避微信內建浏览器中 HTML<video>标签的诡异行为（默认全屏，脱离文档流悬浮在所有页面元素上方）
nanmu42 · 2020-04-02 19:34:39 +08:00 · 1638 次点击这是一个创建于 1688 天前的主题，其中的信息可能已经有所发展或是发生改变。
记录最近遇到的一个问题和解决方案。:)
文章链接
https://nanmu.me/zh-cn/posts/2020/strange-html-video-tag-behavior-in-wechat/
公众号：nanmu42
摘要
播放视频时，<video>标签在微信內建浏览器中会默认全屏，脱离文档流悬浮在所有页面元素上方，这往往不是你想要的效果。
作为问题修复的起点，你可以为你的<video>标签添加下列属性：
<!-- 和问题无关的属性从略 -->
<video
playsinline="true"
webkit-playsinline="true"
x5-playsinline="true"
x5-video-player-type="h5"
x5-video-orientation="landscape|portrait"
x5-video-player-fullscreen="true"
></video>
微信內建浏览器用的是哪家的技术？为什么需要加上这些奇怪的属性？
 |
1
mayx 2020-04-02 20:22:13 +08:00 via Android  1
不是所有微信都用的 x5 内核
|
Select Language