Browser.js [Bookmarklet 8] Youtubeやニコニコ動画へのリンクを埋め込み型に変換するブックマークレット

Youtubeやニコニコ動画へのリンクを埋め込み型動画や埋め込み型サムネイルに変換するブックマークレットです。Firefox、Opera、Sleipnir、IEのどのブラウザにも対応させました。

これはどういうものかというと、要は、Webサイトに貼られた素のリンク、例えば、
□YouTube - Don't Stop Me Now
□ニコニコ動画(RC2)‐新・豪血寺一族 -煩悩解放 - レッツゴー！陰陽師

↓　これをこんな感じに変換し直すというブックマークレットです

（続きはこちら）

このブックマークレットを書こうと思ったのには、実は別の思惑があったりします。
まあ、それはOperaユーザーさんだけが関係する話だったりしますが、それはおいておいて、このブックマークレットを紹介していきたいと思います。

※備考
今回のブックマークレットは、自分一人では作ることができませんでした。Puyo2さんに多大なアドバイス（ほとんど全部？）をいただき完成させました。この場をお借りして、Puyo2さんには感謝の意を表したいと思います。どうもありがとう！！（長い間、付き合わせてしまってすみません）。 Thx Puyo2 ☆

このブックマークレットは、実は、ニコニコ動画を貼ることができない「はてなダイアリー」でも、ばっちり表示させることができます。
※ただ、なぜか、「はてなダイアリー」にはinframe版のタグが効かないので、それに対応するため、 タグにせざるを得なかった点がちょっと不満だったりします。それは何故なんだぜ！？

関連：
[Bookmarklet 6] はてなダイアリーにニコニコ動画を貼る方法をブックマークレットで考えてみた

また、次にいろいろとブックマークレットを紹介していきますが、実際には、１．の（３）、あるいは、２．の（３）のどちらかを保存すればいいだけだったりします。
（非IE系（Firefox、Opera）の人は１．の（３）がオススメ、IE系の人（IE、Sleipnirなど）は２．（１）（２）（３）しか選択肢がない）
ちなみに、IE6をあくまでも使い続けるという猛者の方（私ですね）は、２．の（１）と（２）しか選択肢がありません。

ちょっと長くなってしまいましたが、最後に、このブックマークレットを試すために、このページの最下部にテスト用のリンクを作っておきました。その場所でこのブックマークレットを試してみてください。
※注意：ここではブックマークレットのソースを直接書いていますので、このページで当該ブックマークレットを実行するとそれに反応したりしますが、まあその点はあまり気にしないでください（笑）。あくまでも、ページ下部のテスト用の部分だけみてくれると幸いです。

１．動画リンクを埋め込み型のリンクへと変換するブックマークレット
（Opera、Firefox用／IEでは使用不可）

※Internet Explorer（IE）ユーザーの方は２．のinframe対応版ブックマークレットをご使用下さい
　（もちろん、Sleipnirユーザーの方も同様です）

（１）Youtubeのリンクを埋め込み型の動画に変換するブックマークレット

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-YouTube

javascript:(function (){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++) {if(/youtube\.com\/watch/.test(a[i].href)){var href="http://www.youtube.com/v/"+a[i].href.match(/[^=]+$/)+"&rel=1";a[i].innerHTML=a[i].innerHTML+""+"<object width=425 height=355>"+"<param name=movie value="+href+"></param>"+"<param name=wmode value=transparent></param>"+"<embed src="+href+"type=application/x-shockwave-flash wmode=transparent width=425 height=355></embeded>"+"</object>"+"";}}})()

（２）ニコニコ動画のリンクを埋め込み型のサムネイルに変換するブックマークレット

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-ニコ動

javascript:(function (){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++) {if(/http:\/\/www\.nicovideo\.jp\/watch/.test(a[i].href)){var href="http://www.nicovideo.jp/watch/"+a[i].href.match(/sm\d+$/);var href="http://www.nicovideo.jp/thumb/"+a[i].href.match(/sm\d+$/); a[i].innerHTML=a[i].innerHTML+""+"<iframe width=312 height=176 src="+href+" scrolling=no style=border:solid 1px #CCC; frameborder=0>"+"<a href=http://www.nicovideo.jp/watch/"+href+"></a>"+a[i].innerHTML+"</iframe>"+"";}}})()

（３）Youtubeとニコニコ動画の両方のリンクを変換するブックマークレット

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-YouTube+ニコ動

javascript:(function(){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++){if(/youtube\.com\/watch/.test(a[i].href)){var href="http://www.youtube.com/v/"+a[i].href.match(/[^=]+$/)+"&rel=1";a[i].innerHTML=a[i].innerHTML+""+"<object width=425 height=355>"+"<param name=movie value="+href+"></param>"+"<param name=wmode value=transparent></param>"+"<embed src="+href+"type=application/x-shockwave-flash wmode=transparent width=425 height=355></embeded>"+"</object>"+"";};if(/http:\/\/www\.nicovideo\.jp\/watch/.test(a[i].href)){var href="http://www.nicovideo.jp/watch/"+a[i].href.match(/sm\d+$/);var href="http://www.nicovideo.jp/thumb/"+a[i].href.match(/sm\d+$/); a[i].innerHTML=a[i].innerHTML+""+"<iframe width=312 height=176 src="+href+" scrolling=no style=border:solid 1px #CCC; frameborder=0>"+"<a href=http://www.nicovideo.jp/watch/"+href+"></a>"+a[i].innerHTML+"</iframe>"+"";}}})()

２．inframeで展開
（IE用／Opera、Firefoxでも使用可）

（１）Youtubeのリンクを埋め込み型の動画に変換するブックマークレット

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-YouTube(inframe)

javascript:(function(){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++){if(/youtube\.com\/watch/.test(a[i].href)){var o=d.createElement("iframe");o.src="http://www.youtube.com/v/"+a[i].href.match(/[^=]+$/)+"&rel=1";o.width=425;o.height=355;a[i].title=a[i].innerHTML;a[i].innerHTML=a[i].innerHTML+" ";a[i].appendChild(o);}}})()

（２）ニコニコ動画のリンクを埋め込み型のサムネイルに変換するブックマークレット

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-ニコ動(inframe)

javascript:(function(){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++){if(/http:\/\/www\.nicovideo\.jp\/watch/.test(a[i].href)){var o=d.createElement("iframe");o.src="http://www.nicovideo.jp/thumb/"+a[i].href.match(/sm\d+$/);o.href="http://www.nicovideo.jp/watch/"+a[i].href.match(/sm\d+$/);o.width=312;o.height=176;a[i].title=a[i].innerHTML;a[i].innerHTML=a[i].innerHTML+" ";a[i].appendChild(o);}}})()

（３）Youtubeとニコニコ動画の両方のリンクを変換するブックマークレット

※Internet Explorer 6（IE6）は、ブックマークレットを508文字までしか認識できないバグがあるので、IE6ではこのブックマークレットは利用できません。仮に、IE6で使用しても、そのときはエラーにはならず、ただ何も起きないだけです。

□下記のリンクをブックマークやリンクバーに登録する（D&DでもOK）
・ブックマークレット：埋込動画に変換-YouTube+ニコ動(inframe)

javascript:(function(){var d=document;var a=d.getElementsByTagName('a');for(var i=0;i<a.length;i++){if(/youtube\.com\/watch/.test(a[i].href)){var o=d.createElement("iframe");o.src="http://www.youtube.com/v/"+a[i].href.match(/[^=]+$/)+"&rel=1";o.width=425;o.height=355;a[i].title=a[i].innerHTML;a[i].innerHTML=a[i].innerHTML+" ";a[i].appendChild(o);};if(/http:\/\/www\.nicovideo\.jp\/watch/.test(a[i].href)){var o=d.createElement("iframe");o.src="http://www.nicovideo.jp/thumb/"+a[i].href.match(/sm\d+$/);o.href="http://www.nicovideo.jp/watch/"+a[i].href.match(/sm\d+$/);o.width=312;o.height=176;a[i].title=a[i].innerHTML;a[i].innerHTML=a[i].innerHTML+" ";a[i].appendChild(o);}}})()