Archive

タグ ‘greasemonkey’

Youtubeで、動画一覧から見たい動画の詳細ページに行かずに、その場で再生できるGreasemonkey

2007年05月11日

かなり手こずりましたがなんとかできましたっ!!

Youtubeの、動画一覧上(サムネイルがズラッと表示されるページです)で、見たい動画のサムネイルをクリックすると、その場にプレイヤーが表示されて動画を確認する事が出来ます。

プレイヤーをサムネイルと同じサイズで表示しているんで、めちゃくちゃちっちゃく再生されます。
スクリプトが出来上がった時には、自分で作っておいてかなり笑けましたw

youtubemini.jpg

各動画の詳細ページにアクセスして再生するよりも気軽というか、素早く動画を確認できます。
(めちゃくちゃ小ちゃいですが…)

沢山同時に再生させると重くなる可能性もあるんで気をつけて下さいね。
一覧のサムネイル全部クリックして再生させるとちょっと気持ち悪いし…

名付けて「Youtube mini」としときます…w
Greasemonkeyスクリプトなんで、Firefoxにしか対応してませんが、よろしければどぞ…

インストールGreasemonkeyスクリプト
[Youtube mini on Greasemonkey]
youtubemini.user.js

Greasemonkey自体はこちらから

作成において参考にさせていただいたサイトをご紹介します。

Practice of Programming - Greasemonkey事始め
Greasemonkeyを書く上で頭の中に入れておくとよい事いろいろ
「greasemonkey内の関数は動的に作ったHTML要素のonClickとかから呼べない」
これ知らなくって、かなり手こずりました。。

Google 検索結果にはてなブックマーク件数を付ける Greasemonkey スクリプト画像バージョン
スクリプト内で使用しているgetElementsByClassNameをこちらの記事で知り、参考にさせていただきました。
The Ultimate getElementsByClassName - Robert’s talk

WDF - Software : 画像をレイヤー上に表示する (Greasemonkey Script)
「クリックで関数を呼び出す」方法がうまくいかずに、こちらの「画像をレイヤー上に表示するGreasemonkey Script」を参考にさせていただきました。

[ajax] DOMコードジェネレータ @ ZEROBASE BLOG
DOMコードの生成をこちらのツールを利用して生成しました。
このツールはほんと素晴らしいです!
ちなみに海外サイトでも、似たようなツールがあります。
DOM Tool | Version 1.1

1:Program ,