隐藏<video>标签控件的难题
在H5页面中,<video>标签可用于播放视频。然而,在手机端浏览器中,<video>标签的默认视频控件会被浏览器的嗅探机制捕获并添加到视频中。如何禁止这种行为已成为困扰开发者的难题。
本例中,代码已设置了 autoplay、playsinline 等特性,以寻求禁用控件。但在 QQ 和夸克浏览器中,控件依然显示。
调研表明,当前主流浏览器均不支持直接隐藏<video>标签控件。因此,解决方案需要另辟蹊径。
一种可行方案是使用 canvas 来播放视频,不受浏览器限制。但这种方式也存在缺点:系统支持有限,播放可能卡顿。
尝试过的无效方案包括: