私のブログでは音楽を扱った記事が多いので、大量にYouTubeを埋め込むことが多々あります。 しかし、あまりにたくさんのYouTube動画を埋め込むと、ページの読み込みに時間がかかってしまいます。 そんな悩みを抱えていたある日、下のような記事を発見しました。 追記:元ネタのブログが消えてしまいました。 おお!これこそ、私が探し求めていた記事だ! この記事で紹介されているコードを参考に、もっと利用しやすいコードに修正してみました。 クリックすると動画が再生されるのが分かるように マウスホバー時のエフェクト YouTubeとは関係ない画像まで消えてしまう問題を解決 以上の3点を実装できるように、コードを改良しました。ブログ主の錠前さんの許可はいただいております。 YouTubeを大量に貼っても重くならないコード [はてなブログでの利用方法]まずはこちらのCSSをデザイン→カスタマイズ→デザイン
![YouTubeを埋め込んでも重くならないようにする方法がめっちゃ良かった - SHIROMAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf2be3ea812f1f07f5d7ea171b78c9057997d4f7/height=288;version=1;width=512/https%3A%2F%2Fwww.notitle-weblog.com%2Fwp%2Fwp-content%2Fuploads%2F2015%2F12%2Fblog-customize-2.jpg)