YouTube(HTML5で表示しているもの)から動画をダウンロードするためのブックマークレット

HTML5(というかvideo要素)で表示されている場合は簡単に閲覧可能な動画をダウンロードすることができます。

この辺Flashだとflvだったりして再生しにくかったりするのが、HTML5だとmp4とか割と再生しやすいファイルになるので便利かも。ChromeとかSafariで実行するのがおすすめです。

ブックマークレット

以下のリンクをブックマークバーにドラッグして、YouTubeのサイトでクリックするだけです。クリックすると動画ファイルそのものが表示されるので、名前を付けて保存的なアクションで保存できます。

動画のファイル名は常に「videoplayback」になるので適当に変更したほうがよさそう。「WEBM」バッジがついている動画は形式がWEBMになっているのですがそのまま拡張子なしでダウンロードすると再生できないので、「.webm」の拡張子をつけるといいみたいです。.webmで保存するとVLCで再生できます。

ブックマークレット:HTML5動画からダウンロード

ためしに

バッジが表示されているときだけブックマークレットが有効です。以下の動画ページで実行してみてください。(要HTML5 試用版の設定:設定していない人は下に説明あります

HD(高画質動画)動画をダウンロードするには?

720のサイズで再生している状態でブックマークレットを実行すれば高画質動画をダウンロードできます。

HTML5 試用版未設定の人

いちおう書いておきます。HTML5で表示するにはまず

にアクセスして「HTML5 試用版を有効にする」をクリックします。

表記が「HTML5 試用版が有効になっています。」に変わります。

表示できるものとできないものがあり、できるものの場合は動画ページを表示したとき以下の画像のように HTML5 のバッジが表示されます。

それにしても・・・

ちろるがかわいい・・・じゃなかった、ソースも解説がいらないレベル・・・

javascript:location.href = document.getElementById('video-player').getElementsByTagName('video')[0].src;

何か役に立つことがあったらシェアしてみてください

このエントリーをはてなブックマークに追加

Leave a comment

Trackbacks: 0

Trackback URL for this entry
Listed below are links to weblogs that reference
YouTube(HTML5で表示しているもの)から動画をダウンロードするためのブックマークレット from 5509

Author

nori
nori
- UI Engineer
Location
- ,