WEB制作関連

複数の動画を設置できる「jQuery Youtube Player 」

埋め込みコードを取得すれば簡単に設置できるYouTubeの動画ですが、複数の動画をまとめて設置したいという方にはおすすめのプラグインです。

ダウンロードしたプラグインを読み込んだら、指定の記述をすればYoutTubeの動画を設置できます。動画の一覧も、任意指定、プレイリストを指定、ユーザーで指定などに対応しています。

jQuery Youtube Player

※Exsamplesの項目に12種類のパターンがあります。

Basic

jq_youtube_01.jpg

Embedded with HTML playlist data source

jq_youtube_02.jpg

Custom Playlist

jq_youtube_03.jpg

タイトルを並べるだけだとせっかくまとめた動画も埋もれてしまいそうなので、サムネイルでもリスト表示できるのはいいですね。

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

関連記事

  1. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(2)課題管理表

    実は普段仕事をしている中で、口頭でお願いした作業は100%忘れられると…

  2. WEB制作関連

    フリーで使える高品質な紙のテスクチャー40個まとめ

    くしゃくしゃにしたものや古びた感じ、方眼、ノート罫など紙のテクスチャを…

  3. WEB制作関連

    シンプルでカッコいいポートフォリオサイト30個

    フリーのクリエイターさんなどのポートフォリオサイトのまとめです。…

  4. WEB制作関連

    デザイナーなら必ずダウンロードしたいフリーフォント100個

    クールなものやポップなものなど、デザインに重宝しそうなフリーフォントの…

  5. WEB制作関連

    デザイナーなら必ず知っておきたい国内素材サイト22選

    デザインにはかかせない写真やイラスト、動画などの素材サイトのまとめです…

  6. WEB制作関連

    固定配置したナビゲーションのWEBサイト21個

    ナビゲーションが固定配置されたWEBサイトのまとめです。このブログもナ…

コメント

  1. 「映画予告編」コーナー設置

    INDEXページ下段に「映画予告編」コーナーを設置してみました。
    「DVD New Release (Amazon)」との入れ替えとなります。
    ※ A…

  1. この記事へのトラックバックはありません。

  1. 話題・トレンド

    佐藤さんが日本で一番多い理由
  2. Design Items

    動物が印象的な24の広告ポスター
  3. WEBディレクターズマニュアル

    WEBディレクターの為のEXCEL術(3)作業が捗る小技10選
  4. WEB制作関連

    Webサイトをレイヤーに分けて保存できる「Page Layers」
  5. WEB制作関連

    スクリーンショットを利用したWEBデザイン30個
PAGE TOP
Top