javascript - 视频没有开始播放，而是抛出 DOMException

Question

我刚刚动态创建了视频对象，然后在将视频对象附加到文档中之前添加了 2 个属性，例如 source 和 muted，最后使用方法 play() 播放添加的视频，如下所示。

let v = document.createElement("video");
v.setAttribute("src","videoplayback.mp4");
v.setAttribute("muted","muted");

document.body.appendChild(v);
v.play().catch((e)=>{ console.log(e)});  // it returns DomException why?

有人可以告诉我出了什么问题或为我解决这个问题吗？

注意:显示了视频的一张图像，但未运行..

Answer 1

默认情况下，不仅在 Chrome 中，在 Mozilla Firefox 和其他浏览器中，如果视频包含音频且未静音，视频自动播放命令也会被拒绝。解决这个问题的唯一方法是使用 javascript 强制自动播放音频。但是，如果您将视频标签设置为 muted="muted"并自动播放，即使您已将浏览器设置为不自动播放视频，视频仍会自动播放。