码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-05-30 18:04:19      阅读:522      评论:0      收藏:0      [点我收藏+]

标签:require   防止   audio   原因   选项   control   用户   loop   添加   

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浏览器为了防止突然打开的视频发出声音吓倒用户)

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

标签:require   防止   audio   原因   选项   control   用户   loop   添加   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!