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制作関連

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

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

  2. WEB制作関連

    美しい写真に目を奪われるWEBサイトまとめ

    WEBサイトを作る時にきれいな写真素材が揃っているとちょっとモチベーシ…

  3. WEB制作関連

    パララックス効果で奥行きを魅せるWEBサイトまとめ

    パララックス効果とは視差効果ともいい、平面で重なり合う画像を異なる速さ…

  4. WEB制作関連

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

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

  5. WEB制作関連

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

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

  6. WEB制作関連

    WEB制作者必見。便利なワイヤーフレーム作成ツールまとめ

    WEB制作に携わる方であれば業務の中で目にしたり、自分で作成したことが…

コメント

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

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

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

  1. 話題・トレンド

    指を使ったいろいろな作品がおもしろい!
  2. 話題・トレンド

    思わず2度見しちゃう画像集
  3. WEB制作関連

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

    貯金箱はどうしてブタなんだろう?
  5. iPhone

    iPhoneから自分の痕跡を消す方法
PAGE TOP
Top