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

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>标签，该主题将为你做的。