大家好,最近我司测试人员提出了一个BUG,就是我们的H5网页上的视频在手机端浏览器观看的时候,会被浏览器的一些默认视频嗅探所捕获,被加上一些浏览器的视频播放control,想请问怎么去禁止手机浏览器的这种行为。
我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<video autoplay width="800px" style="pointer-events: none;" muted ref="video"
playsinline="true"
x-webkit-airplay="true"
x5-playsinline="true"
webkit-playsinline="true"
x5-video-player-type="h5">
<source src="./YourCroppedMovice.mp4" type="video/mp4">
</video>
</body>
</html>
PC网页播放效果如下,是没有control的。
然后我在QQ浏览器、夸克浏览器里面是带有control的,如图
像这种手机浏览器自带的control怎么让它不显示呢。
调研和尝试了网上一些方案,看起来都没用。查看can i use也确实是不支持的。
但解决方案我认为是有的,可以考虑通过canvas进行视频的播放,这样就不用被限制了。不过缺点也很明显了,少了很多系统支持,而且大概率很卡。
尝试过的无效方案