HTML<video></video>视频无法自动播放

1.video 标签属性

  • src: 设置显示视频路径
  • controls: 显示控制栏
  • loop: 控制视频循环播放
  • autoplay: 自动播放
  • muted:设置静音播放

2.解决视频或音频标签自动播放在谷歌浏览器中不起作用

方法一:

  1. 在chrome 浏览器中输入:chrome://flags
  2. 搜索audio,找到Autoplay policy
  3. 在右侧的选项中设置为 no user gesture is required 即可

方法二:

  给<video>标签添加muted属性,设置静音播放后就能实现自动播放了(原因是Google浏览器为了防止突然打开的视频发出声音吓倒用户)

原文地址:https://www.cnblogs.com/belongs-to-qinghua/p/10950656.html