video、auido标签在首次进入页面时无法自动播放的问题解决方案?

videojs首次无法自动播放

报错:DOMException: play() failed because the user didn't interact with the document first.

问题描述

报错图片:
图片.png
点击播放按钮也能给正常播放,问题就是首次播放问题。

相关代码

已经添加如下代码,依旧无效:

var myPlayer = videojs('videoPlayExecute');
videojs("videoPlayExecute").ready(function(){
  var myPlayer = this;
  myPlayer.play();
});

更新

由于浏览器的安全策略导致,音视频不能够在用户没有操作的情况下自动播放(因为会打扰用户),因此将音视频设置为静音后可以在没有操作的情况下播放,但按照常规需求是静音播放没有意义的,所有,还是在用户有操作时再进行音视频的播放即可。

阅读 7.6k
2 个回答

静音的video可以自动播放,设置muted试下,不过需要提示用户打开声音

新手上路,请多包涵

由于浏览器的安全策略导致,音视频不能够在用户没有操作的情况下自动播放(因为会打扰用户),因此将音视频设置为静音后可以在没有操作的情况下播放,但按照常规需求是静音播放没有意义的,所有,还是在用户有操作时再进行音视频的播放即可。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题