2014 . 07 . 06

ページ上の複数のYouTubeリンクを連続再生するブックマークレット

先日、何か良さげな音楽はないかとネットを探索していると自分の趣味に合う音楽系ブログを発見。

まだ聴いたことのないアーティストなどいろいろと紹介されていて良いのですが、ここで一つ不満が...


ここでは視聴曲としてYouTube動画へのリンクがたくさん張り付けられているのですが、それらを一つ一つクリックしては聴きを繰り返すのも骨の折れる作業で、連続再生してくたらありがたいのにといった感じです。


こんな不満を解決してくれるのがこちらの『Youtube Playlist』なるブックマークレットで、ページ上のYouTubeリンク拾い出して自動で連続再生可能な状態にしてくれるという、まさに今回の要求を満たす便利なシロモノです。


使い方は以下のブックマークレットをツールバーなどにドラッグし目的のページ上でクリックして見ましょう。



オーバーレイでプレーヤーがポップアップし連続再生を始め、プレーヤー下の両側に付けられている[previous]と[next]から戻る/進むの操作もできるようになっています。

ページに戻るにはそのまま半透明をスクリーンの何処かをクリックすればプレーヤーが閉じられます。

基本的にYouTube動画のリンクが載っているページならば使える汎用性の高さがいいところで活用場面もいろいろと考えられます。

今回のケースのようなYouTubeのリンクが張ってあるブログやら掲示板サイト、ソーシャルメディア、はたまたGoogleの動画検索で得られた結果ページなんかにも活用できそうです。

ちなみに対応しているリンクは「http://www.youtube.com/watch?v=...」のような正規の形式で、それ以外はエラーとなることも少なくありませんが、単純なリンク形式で張っているサイトでは概ね動作してくれるようです。


ラジオのようにバックグラウンドで連続再生させたいようなケースに役立つ今回のブックマークレットは、特に音楽好きなユーザーなど入れておいて損のないものと思います。

追加情報

純粋なYouTubeリンクが存在するのに何らかのケースでエラーとなる場合があります。

こんな場合、純粋なYouTubeリンクだけでフィルタリングした上で実行するとうまく動作することがあります。


そこで便利なのが下のブックマークレットで、クリックした後入力ボックスに「www.youtube.com/watch?v=」などとすると、その文字列に該当するリンクだけをリストしたページを生成してくれます。


'); nD.writeln('Links on '+htmlEscape(location.href)+'
with link text or target url containing "' + htmlEscape(x) + '"

'); z = document.links; for (i = 0; i < z.length; ++i) { if ((z[i].innerHTML && z[i].innerHTML.toLowerCase().indexOf(x) != -1) || z[i].href.toLowerCase().indexOf(x) != -1 ) { nD.writeln(++n + '. ' + (z[i].innerHTML || htmlEscape(z[i].href)) + '
'); } } nD.writeln('
'); nD.close(); } })();">Search Links

あとは、生成されたページ上で上の『Play Videos』を実行すればいいわけです。

うまく動作しない場合はお試しあれ。


Bookmarklet by: Jesse's Bookmarklets Site