YouTube動画コンテンツの埋め込みをしよう【実践編・YouTubeAPIを使ってプラグインを作ってみた】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、デザイナーのぺちこです。 さて、前回「YouTube動画コンテンツの埋め込みをしよう【紹介編・オリジナルUIと導入サイトまとめ】」という記事を書き、末尾で「次回は実践です！」と予告してしまったので…勉強してきました！ 以前に「サイトでおしゃれに動画再生！オリジナルUIの全画面動画を実装！」という記事を書いたのですが、基本的にはこれと同じことをYouTubeAPIでやってしまおう、というのが今回の趣旨になります。それでは早速いってみましょう。 DEMO 今回は、以下の項目にあてはまるような方にお使いいただけるサンプルを準備しました。サクッと実装しないといけないデザイナーさんに向けて作ったものです！ しかし、私も所詮しがないデザイナー…。JavaScriptに堪能な方は、多分自分で書いたほうがスマートだと思います…。すみません、すみません…。 こちらは以下のような人におすすめです。
YouTube動画のサムネールを取得する - hello, world.
http://www.youtube.com/watch?v=2zxL_va72gk という動画があったとすると、この動画のIDは、 「2zxL_va72gk」ですな。 んで、 http://i.ytimg.com/vi/動画のID/〜.jpg と指定するとサムネール画像を取得できるよう。 W：120 x H：90 ( default.jpg, 1.jpg, 2.jpg, 3.jpg ) http://i.ytimg.com/vi/2zxL_va72gk/default.jpg http://i.ytimg.com/vi/2zxL_va72gk/1.jpg http://i.ytimg.com/vi/2zxL_va72gk/2.jpg http://i.ytimg.com/vi/2zxL_va72gk/3.jpg W：320 x H：240 ( 0.jpg ) http://i.ytimg
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
