Question

我的网站上有以下视频。这被设置为页面顶部的固定背景，包括主横幅。除了EDGE之外，这个元素在每个浏览器中都可以正常使用。

我甚至尝试编写一个自定义的javascript片段来强制它播放（用按钮调用）。这在Chrome上测试时有效，但在EDGE上无效。

var vid = document.querySelector('#bgvid');

function playVideo() {
    console.log('trying to play!')
    vid.play();
};

<video poster="http://cranneyhomeservices.com/wp-content/uploads/2017/05/HS_Loop_Frame.png" id="bgvid" playsinline autoplay muted loop>
  <source src="http://cranneyhomeservices.com/Cranney-website.mp4" type="video/mp4" media="all and (max-width:414px)">
</video>

Answer 1

根据我的评论，您应该使用getElementById()代替querySelector()。这应该由chrome和edge正确解释。

编辑：

在我的Edge中测试你的小提琴后，这是一个安全问题。问题已经在SO上讨论了：

HTTPS security is compromised error. How to fix?

确保您不从非安全来源加载任何内容（例如https而不是http）

HTML视频无法在Microsoft EDGE中播放

1 个答案: