HTML 视频无法在 Microsoft EDGE 中播放答案

【问题标题】：HTML video will not play in Microsoft EDGEHTML 视频无法在 Microsoft EDGE 中播放
【发布时间】：2018-06-27 22:53:38
【问题描述】：

我的网站中有以下视频。这被设置为页面顶部的固定背景，包括主横幅。此元素在除 EDGE 之外的所有浏览器中都能正常播放。

我什至尝试编写自定义 javascript sn-p 来强制它播放（通过按钮调用）。这在 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>

【问题讨论】：

但console.log 也在边缘记录？
console.log 在 EDGE 中运行良好，但第二行没有任何作用
将var vid = document.querySelector('#bgvid'); 更改为var vid = document.getElementById('bgvid'); 有什么不同吗？
很遗憾没有，我刚刚测试过了。
所以请提供一个 jsfiddle 并发布链接。我去看看

标签： javascript html

【解决方案1】：

根据我的评论，您应该使用getElementById() 而不是querySelector()。这应该被 chrome 和 edge 正确解释。

编辑：

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

HTTPS security is compromised error. How to fix?

确保您没有从不安全的来源加载任何内容（即https 而不是http）

【讨论】：

不幸的是它不起作用，我真正想要的是它自动播放标签中的暗示。该函数不起作用的事实是次要问题，我只是想看看我是否可以用 JavaScript 强制它。