关于多媒体标签(video、audio)无法自动播放(autoplay)的问题

2019年9月9日 200次阅读 来源: zeki

问题

  • chrome 66以上的版本为了避免多媒体标签产生随机噪音，规定了不为静音的标签不能自动播放，需手动触发开始播放，标签定义为静音(muted: true)才可以自动播放
  • 调用play()控制台可见报错
    Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.
    《关于多媒体标签(video、audio)无法自动播放(autoplay)的问题》
  • 用户交互点击调用play()才可播放

常见解决方法

  • 设置为静音模式
    《关于多媒体标签(video、audio)无法自动播放(autoplay)的问题》
  • 引导用户点击
    《关于多媒体标签(video、audio)无法自动播放(autoplay)的问题》
    原文作者：zeki
    原文地址: https://segmentfault.com/a/1190000017757670
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞