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ページを丸裸にしてしまう「The Sexy Curls jQuery」

    右上のちょっとめくれている部分を開くとあれよあれよとWEBページの中身…

  2. WEB制作関連

    色とWEBデザイン -ピンク編-

    色別WEBデザインのまとめです。今回のテーマは「ピンク」です。…

  3. WEB制作関連

    テクスチャ使いが秀逸な35個のWEBサイト

    効果的なテクスチャの使い方で世界観をつくりだしているWEBサイトのまと…

  4. WEB制作関連

    WEBサイト心理学|アフォーダンス理論

    アフォーダンスとは、もともと知覚用語だったものをドナルド・ノーマンがイ…

  5. WEB制作関連

    色とWEBデザイン -あか編-

    色別WEBデザインのまとめです。今回のテーマは「赤」です。&n…

  6. WEB制作関連

    紙のテクスチャが素敵なWEBデザイン35個

    紙のテクスチャを用いたWEBデザインのまとめです。…

コメント

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

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

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

  1. 話題・トレンド

    実写版 ”マリオカート” の再現度がスゴイ!?
  2. WEBディレクターズマニュアル

    ツールジプシーの果てに。
  3. 話題・トレンド

    schoo(スクー)で授業配信します!
  4. WEB制作関連

    これで見込み客を逃さない!魅力的な価格表デザインのコツ
  5. Design Items

    身の回りの物を武装してしまったようです。
PAGE TOP
Top