H5实现视频自动播放并且有声音

需求

最近开发了一个项目 需求是一个触摸屏的设备，如果超过五分钟没有人操作的话， 屏幕上的网页自动就开始播放某个url的视频 ，官方说我文章不行，

代码

从代码角度来看

<video preload='meta' :src="question_data.url"  id="video" controlslist="nodownload" autoplay  loop="loop"   >
        <span>您的浏览器不支持 HTML5 video 标签。</span>
</video>

方案

就长这样子

并没有什么有效代码可以解决这个问题

但是可以从浏览器角度下手

我这里是谷歌浏览器 是截止到 2020年6月3日 12:00:40 的最新版本

在浏览器的设置里

步骤

点进去 开启 声音选项就可以实现视频自动播放并且有声音了

我这个页面还有一个需求就是 手指点击屏幕就模拟按 F11的效果，进入最大化页面

就需要开启 弹出式窗口 选项