» Youtube動画をクール且つシンプルなプレーヤーで実装するjQuery

ネット(net)を有効利用して勝ち人、価値人に変身出来るような情報をかちびと.netで配信します

Webデザイン

Webデザイン関連(RSSRSS)のカテゴリです。

　　　

かちびと.netとは

貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役立つ情報などを配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAboutをご覧下さい。

About

Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

メニュー

　
 
かちびと.net > WEBデザイン > cssやプログラミング > Youtube動画をクール且つシンプルなプレーヤーで実装するjQuery

Youtube動画をクール且つシンプルなプレーヤーで実装するjQuery

Cat: » WEBデザイン, cssやプログラミング, 動画関連
Day:7月 31, 2010

WPデザインギャラリー

Youtubeのインターフェースが
気に入らない、という方向け
ですね。Youtube動画をクール
でシンプルなプレーヤーで
実装出来るjQueryのご紹介
です。

ブラウザはIE6、IE7やSafariでも実装出来ますが、Operaだけ実装出来ませんでした。IE6はやや難ありです。

Custom YouTube Video Player

youtube01
再生ボタンのみのシンプルなインターフェース。再生ボタンは画像を変えれば変更できますよ。

youtube02
再生中にマウスオーバーしても上記のように停止ボタンとタイムバーのみのシンプルなプレーヤーです。

youtube03
再生が終っても関連動画は出ずにリプレイボタンが出るだけです。

youtube04
IE6のキャプチャです。実装は出来るのですが、再生中にマウスを乗せても停止ボタンが出てくれません。停止できる事は出来るんですが・・

youtube05
APIを使っていて、Youtubeの動画URLを上記ボックスに入力すると下に動画が加わります。
youtube06

デフォルトのYoutubeは多機能が故、インターフェースがごちゃついている印象なのですっきり見せたいときはいいかもしれませんね。チュートリアルとDLは以下より。

Making a Custom YouTube Video Player With YouTube’s APIs


Comments & Trackbacks (1)

 

TRB URL:
  1. Youtube動画をクール且つシンプルなプレーヤーで実装するjQuery – かちびと.net | とっても！　ちゅどん（雑記帳）
  1. かちびと.netにリンクの無いトラックバックは受付けてないです。
  2. コメントされる前にガイドラインをご覧下さい

この記事のトラックバックとURL

URL:
TRB:

Leave a Reply