Question

我正在尝试加快网站的加载时间。我有一个嵌入传统IFRAME的Youtube视频。我找到了这篇文章，但它似乎并不适合我。我一定是做错了，

http://www.labnol.org/internet/light-youtube-embeds/27941/

我正确地将JS和CSS添加到我的网站（我的wordpress主题有一个内置区域供我粘贴）。我将HTML添加到我想要显示视频的容器中，然后根据说明更改了VIDEO-ID。现在只有一个空白区域，视频应该是，但当您将鼠标悬停在它上面时，您可以看到它是根据您的光标链接的。单击它时，没有任何反应。

我在这个页面上进行测试......视频应该出现在该男子照片右上角：

https://www.yogabearpc.com/laptop-repair/

如果有人能解决这个问题，我将非常感激

Answer 1

你的javascript写得不好。您有2个<script>代码：

<script id="mfn-dnmc-custom-js" type="text/rocketscript">
//<![CDATA[
<script>
(function() {
    var v = document.getElementsByClassName("youtube-player");
    for (var n = 0; n < v.length; n++) {
        var p = document.createElement("div");
        p.innerHTML = labnolThumb(v[n].dataset.id);
        p.onclick = labnolIframe;
        v[n].appendChild(p);
    }
})();
[...]
</script>
//]]>
</script>

当您将自定义javascript输入“特殊内置区域”时，您不需要添加<script>和</script>标记，主题就是这样做对你而言。

努力按需加载Youtube播放器，而不是传统的嵌入式

1 个答案: