隐藏 标签控件的难题
在H5页面中, 标签可用于播放视频。然而,在手机端浏览器中, 标签的默认视频控件会被浏览器的嗅探机制捕获并添加到视频中。如何禁止这种行为已成为困扰开发者的难题。
本例中,代码已设置了 autoplay、playsinline 等特性,以寻求禁用控件。但在 QQ 和浏览器中,控件依然显示。
调研表明,当前主流浏览器均不支持直接隐藏 标签控件。因此,解决方案需要另辟蹊径。
一种可行方案是使用 canvas 来播放视频,不受浏览器限制。但这种方式也存在缺点:系统支持有限,播放可能卡顿。
尝试过的无效方案包括:
- 通过 CSS 处理:由于 标签 UI 与 Webkit 内核相关,该方法无效。
- 添加 z-index 蒙层:同样无效。
以上就是H5页面下如何隐藏“标签控件?的详细内容,更多请关注GTHOST其它相关文章!