如何解决微信浏览器视频点击自动全屏的问题?

如何解决微信浏览器视频点击自动全屏的问题?,第1张

如何解决微信浏览器视频点击自动全屏的问题?

https://x5.tencent.com/docs/video.html
1.1 页面内播放
X5内核视频在用户点击后默认会进入全屏播放,前端可以设置video的x5-playsinline属性来将视频限定于网页内部播放,这个默认还是使用的X5内核视频播放控件层级高于页面层级

1.2 同层页面内播放
同层页面内播放是标准的视频播放形态,在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):**x5-video-player-type='h5-page'**属性来控制网页内部同层播放,可以在视频上方显示html元素,使用浏览器默认的播放控件,可以修改播放器样式,层级跟页面一个层级

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/5508523.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-13
下一篇 2022-12-13

发表评论

登录后才能评论

评论列表(0条)

保存