首页 > 解决方案 > 尝试使用嵌入式 YouTube 链接在自定义 HTML 中自动播放

问题描述

我正在尝试实现一个指向自定义 Html 页面的嵌入式 YouTube 链接并将其设置为自动播放,但是当我打开我的主页视频时,它不会播放,只有在单击时才会播放。

<iframe width="1560" height="415" src="https://www.youtube.com/../?autoplay=1"
                            frameborder="0" allowfullscreen></iframe>

我想让它响应。

标签: javascripthtmlshopify

解决方案


去掉 URL 中的斜线,如 Coder2195 所说的 ( https://www.youtube.com/viddata?autoplay=1)。还尝试将此脚本添加到 HTML 文件中:

<script>
window.onload = function() {
  var videoElement = document.getElementById("videoElement");
  videoElement.click()
}
</script>

并使 iframe 元素具有自定义 id:

<iframe id="videoElement" width="1560" height="415" src="https://www.youtube.com/../?autoplay=1" frameborder="0" allowfullscreen></iframe>

推荐阅读