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サイト心理学|アフォーダンス理論

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

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

    WEBディレクターなら参考にしたい手書きの画面設計書

    様々なアプリケーションを試し、試行錯誤しながらWEBサイトの画面設計を…

  3. WEB制作関連

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

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

  4. WEB制作関連

    行政機関・自治体のWEBサイトまとめ

    首相官邸のWEBサイトの構築費が4500万で高すぎるなんで話題なってい…

  5. WEB制作関連

    海外マーケティングエージェントのWEBサイト21個

    海外のマーケティング会社のWEBサイトのまとめです。デザインクオリティ…

  6. WEB制作関連

    レスポンシブWEBデザインで作られたWEBサイト26選

    最近、注目度のあがってきているレスポンシブWEBデザインで制作されたW…

コメント

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

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

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

  1. Design Items

    信号機に新しいアイデアを
  2. LifeHack・仕事術

    シンプルで高機能なタスク管理ツール「todoist」
  3. WEB制作関連

    WEBマガジンスタイルの海外サイトまとめ
  4. Design Items

    かっこいいキッチンアイテム「Knife Locker」
  5. WEBマーケティング

    リスクマネジメントを考える。
PAGE TOP
Top