良い感じにYouTubeのvideoを埋め込めるJS「PrettyEmbed.js」

Pocket

そうよね、YouTubeのvideoを埋め込んだ時の外側の枠、いらないもんね。

良い感じにvideoを埋め込む

PrettyEmbed_js_Demo_-_CodePen

そういうわけで良い感じにYouTubeのvideoを埋め込めるJSがPrettyEmbed.jsです。

こんな感じでタグを設定しておいて、

JSでYouTubeのvideoを埋め込みます。YouTubeの埋め込みタグを利用するよりかは、多少めんどいです。videoIDはdata-videoidという属性を使って、タグ内で指定することもできます。

fitvids.jsを使って、画面幅に応じて自動的にvideoの大きさを調節してくれる機能もついています(useFitVidsがそのオプションです)。

再生前のイメージも簡単に設定しておけるのも、良いですね。

PrettyEmbed.js