従来の埋め込みではなく、Youtubeプレーヤーのオンデマンドロードに苦労しています

Question

私は自分のサイトの読み込み時間を短縮しようとしています。私は伝統的なIFRAMEに埋め込まれたYoutubeビデオを持っています。私はこの記事を見つけましたが、それは私にとってはうまくいかないようです。私は、私は（私にそれを貼り付けるための私のワードプレスのテーマは地域に建設された）適切に自分のサイトにJSとCSSを追加して、

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

を何か間違ったことしなければなりません。ビデオを表示するコンテナにHTMLを追加し、指示に従ってVIDEO-IDを変更しました。ビデオがあるはずの空白の領域がありますが、カーソルを置くと、カーソルに基づいてリンクされていることがわかります。クリックすると何も起こりません。私は次のようになり

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

誰もがこれを理解することができた場合：私は、このページ上でそれをテストしてい

は...ビデオは、男の絵の右にある上部の倍に表示されます大いに感謝します

Answer 1

あなたはあなたのジャバスクリプト悪い書かれている。

<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> 

あなたが入力あなたの「特殊組み込みエリア」に、あなたは、テーマはあなたのためにそれを行うだろう、<script>と</script>タグを追加する必要はありませんjavascriptのカスタムを：あなたは2個の<script>タグを持っています。