通过 jQuery 附加时，视频自动播放在 chrome 和 IE 上不起作用答案

【问题标题】：Video autoplay not working on chrome and IE when being appended via jQuery通过 jQuery 附加时，视频自动播放在 chrome 和 IE 上不起作用
【发布时间】：2015-04-18 06:35:40
【问题描述】：

我有一个奇怪的问题：在这两个页面上，我有一个假设可以自动播放和循环播放的视频。出于某种原因，视频会在 Firefox 上自动播放，但不能在 chrome 和 IE 上自动播放。这似乎是一个非常简单的问题，但我一直无法弄清楚。

http://www.ayzenberg.com/about/what-we-do.html

http://www.ayzenberg.com/about/careers.html

我正在使用 jQuery .html() 函数附加视频。谢谢！

【问题讨论】：

您在使用 Javascript 加载页面后添加 VIDEO 标记。我不知道在这种情况下浏览器的正确行为是什么，但是在页面加载期间缺少 VIDEO 标记和关联的 autoplay 属性。您可能需要在 Javascript 将标签添加到页面后触发视频播放。
这是真的，它是动态追加的。
添加它的正确方法是什么？我正在使用 jQuery html() 函数...阅读此内容后：stackoverflow.com/questions/7174790/… 我也尝试添加但没有成功
试试jQuery('#article-hero-vid')[0].play();
是的，我做了类似的事情来解决这个 document.getElementById('article-hero-vid').play();

标签： jquery google-chrome internet-explorer video autoplay

【解决方案1】：

我必须手动播放视频才能使其跨浏览器运行：

document.getElementById('article-hero-vid').play();

不知道为什么附加带有自动播放功能的视频只能在 Firefox 上使用...但确实如此！

【讨论】：

【解决方案2】：

尝试将图像作为自动播放海报，而不是保留 autoplay=""。

<video id="bgvid" autoplay poster ="image/splitmoneyImage.jpg">

【讨论】：

其中一个视频有海报图片，另一个没有。我尝试添加或删除海报图片，但没有成功