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デザイン35個

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

  2. WEB制作関連

    インストールされたフォントを一覧できる「wordmark.it」

    自分のPCにインストールされているフォントをブラウザ上で一覧できるWE…

  3. WEB制作関連

    思わず買いたくなるECサイトのデザイン30選

    ECサイトのデザインの際に参考にしたいWEBサイトのまとめです。…

  4. WEB制作関連

    話題の「about.me」でプロフィールページをつくってみた。

    最近、Twitterなどでも自己紹介ページとして利用している人が増えて…

  5. WEB制作関連

    写真を効果的に魅せる6つのjQueryギャラリー

    どんな情報を見せるにしても欠かせない画像を効果的に見せられるjQuer…

  6. WEB制作関連

    ペーパープロトタイピングのすすめ

    みなさんはWEBサイトの画面設計をする時に何を利用するでしょうか。…

コメント

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

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

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

  1. WEB制作関連

    色とWEBデザイン -みどり編-
  2. LifeHack・仕事術

    プレゼン・企画書づくりに役立つ記事・ツールまとめ
  3. WEB制作関連

    MovableType5インストールしました。チカッパ編
  4. Design Items

    身の回りの物を武装してしまったようです。
  5. Design Items

    部屋の中に部屋を作ってしまったアート
PAGE TOP
Top