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 的最新版本

在浏览器的设置里

H5实现视频自动播放并且有声音_第1张图片

步骤

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

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

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

你可能感兴趣的:(HTML,html5)