Creazy!

WEBエンジニア・ヤガーのテック・ガジェットブログ

Bookmarklet 開発実績

Facebookにアップロードされた動画をダウンロードする方法

投稿日:


2014-02-11_facebook_download.jpg
先日、Facebook10周年記念、過去3年間の自分を振り返る「LookBack」と早速動画ダウンロードの方法という記事でFacebook動画のダウンロード方法をちょっと調べたのですが、「LookBack」だけでなく汎用的に使えるものが作れそうだったのでやってみました。

Facebook動画をダウンロードするブックマークレットの設定方法

ブックマークレットはJavaScriptで書かれた機能をブックマークに保存して、いつでも実行できるようにする方法です。
・上記「FB MOV DL」のリンクをドラッグ&ドロップでブックマークバーに置くか、
・上記「FB MOV DL」のリンクを右クリック「このリンクをブックマーク」などで
登録してください。

ブックマークレットの使い方

Facebookの動画再生は、動画の固定ページやウォール上にLightBoxで表示されるなどいくつかパターンがありますが、再生プレイヤーが表示されている状態でブックマークバーから「FB MOV DL」を実行してください。
2014-02-11_facebook_download_01.jpg
まずは、ウォールから動画再生を押すと背景が暗くなってLightBox上に表示される状態でブックマークレットを実行
2014-02-11_facebook_download_02.jpg
ちょっと見にくいですが、プレイヤーが消えて代わりにダウンロード用のリンクが表示されます。
「HD」は高画質
「SD」は低画質
もう一度動画を表示したい場合は、「reload」を押してください
2014-02-11_facebook_download_03.jpg
次に動画の個別ページ(パーマリンク)でブックマークレットを実行します。
2014-02-11_facebook_download_04.jpg
こちらも同じようなリンクが表示されますが、背景が薄いグレーなので見やすいですね。
高画質の動画がない場合は、SDのリンクだけになります。
§
友達や家族に動画を共有するためにFacebookを使っているケースが結構あると思いますが、記念に手元に残したい場合や結婚式とかの記念ムービーに組み込みたい時にダウンロードしたい時が結構あるんですよね。
ChromeとFirefoxしか動作確認していませんが、使ってみてくださーい。

-Bookmarklet, 開発実績

執筆者:

関連記事

no image

第15回:見ているページをAnother HTML-lintで文法チェックするブックマークレット

サイトを作ったら、見た目の確認も重要ですがマークアップの文法チェックも重要です。別にW3C信者という訳ではありませんがSEOの面でもstrictなHTMLの方が良さそうなのでできる限り対応した方が良い …

Safariでページを大回転させるブックマークレット

Safari限定ですが、WebKit transformationを使ってページの表示角度を変えられるんだそうです。 Ajaxianに出てた。Safariブラウザだけの機能。 -webkit-tran …

「Google Analytics with SBM」でfacebookでの言及数も確認可能

以前に、Twitterでの言及数表示にも対応した、「Google Analytics with SBM」ですが、ネット上で親しい人達の間に広まっているfacebookの状況も確認したいと思い対応してみ …

HTML5のhistory.replaceStateを使った余計なトラッキング用パラメーターを取り除くUserScript

以前に、余計なトラッキング用パラメーターを取り除くUserScriptとして公開したいたスクリプトがあるのですが、canonical属性があったらそれを生とする仕様としていたため、正しいcanonic …

「Quick Twitter in Tumblr Dashboard」でTwitterロゴ!(ネタ)

Twitterメインの人がTumblrでTwitterするためのUserScript「Quick Twitter in Tumblr Dashboard」ですが、先日のReTweet対応に続いてアップ …

スポンサードリンク

スポンサードリンク