複数のYouTube動画を埋め込んでも重くならないようにする方法 - オバサンになりたい。
2016/4/27更新 スマホでも動作するよう対応しました こんにちは、錠前（ @jomae_yasushi ）です。 YouTube動画が大量に貼り付けられたページを開いてPCがクラッシュしそうになった経験、ネトサフをよくする人なら一度はあるかと思います。とにかく重いですよね〜 私も先日動画をふんだんに貼り付けた 楽曲紹介記事 を作ってみたのですが、30本の動画を埋め込んだページはノートPCでも表示に少し時間がかかり、スマホでは何度リロードしてもなかなか表示されないといった具合で、これはいかんと急いで対応策を調べました。 ネットのあちこちに書かれている色々な方法を試してみたのですが、JavaScriptの知識に乏しい私でも簡単に実践できた方法を以下に紹介します。ついでに知っておくと理解が深まる周辺知識もまとめてみました。 YouTube動画とサムネイルのURL YouTubeの動画ページ
YouTubeの動画を綺麗に表示させるJavaScript「PrettyEmbed.js」
twitter facebook hatena google pocket いまや動画の再生にYouTubeは欠かせない存在です。 YouTubeにアップした動画を表示させる際には公式のiframeダグを利用するケースが多いと思いますが上下にバーがつくなどちょっと物足りないですよね。 jQueryプラグインのPrettyEmbed.jsを利用すれば見た目を簡単に調整することが可能です。 sponsors 使用方法 PrettyEmbed.jsからファイル一式をダウンロードします。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.prettyembed.js"></script>
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
