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

スポンサーリンク

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

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services