【無料・簡単】HTML5動画をダウンロード する方法5選

渡辺健司
November 10, 2023 Preview 403 Preview 0
share it facebook share it Twitter

HTML5は二つの新しい要素があります。それはページに嵌め込んで音楽や動画を再生できる<audio>と<video>です。この二つの要素では、ウェブバージョンのAdobe Flashなどのサードパーティ製プラグインをインストールしないで音楽や動画を再生できますからディスクストレージや動画、音楽を読み込む時間を節約できます。

今時流行っているChrome・Firefox・Safari・Opera・IEなどのブラウザはHTML5をサポートしています。さらにYouTube・Vimeo・DailyMotion・Facebook・Apple.com・Bilibili・YouKuなど主流の動画共有サイトはHTML5で高画質動画を再生できます。今回の文章ではHTML5動画のダウンロード方法をご紹介します。

 

#1 iFunia YouTube DownloaderでHTML5動画をダウンロード

YouTube Downloaderと呼ばれても、iFunia YouTube DownloaderはただYouTube動画をダウンロードできるソフトではありません。iFunia YouTube DownloaderではYouTube・Vimeo・DailyMotion・Twitter・Bilibili・Instagram・SoundCloudなどほとんどの動画・音楽サイトから動画・音楽をダウンロードでき、そのリンクをコピーしただけでできるだけはやく探知して動画情報を自動で取得します。ですので、iFuniaはHTML5動画のダウンロードを最快適にできます。

メリット:

  1. 1000+の動画共有サイトから動画をダウンロードできること
  2. 無劣化でSD・HD・2K・4K・8K動画をダウンロードできること
  3. YouTubeプレイリストを完全にダウンロードできること
  4. 複数のHTML5動画を一括にダウンロードできること
  5. HTML5動画を簡単にMP4やMP3フォーマットで保存できること
  6. 簡単で直感的なUI
  7. 超はやいダウンロードスピード

デメリット:

  1. スマホバージョンがないこと

MacやWindowsでHTML5動画をダウンロードする手順:

  1. iFunia YouTube Downloaderをインストールします。
    「無料でダウンロード」ボタンをクリックしてダウンロードした後、iFunia YouTube Downloaderをインストールし、起動します。
    無料ダウンロード macOS 10.11及び以降 無料ダウンロード Windows 11/10/8/7
  2. HTML5動画をダウンロードリストに入れる。
    YouTubeのようなHTML5の嵌め込みの動画をサポートする動画共有サイトにアクセスして、ダウンロードしたい動画の再生ページまで進みます。そのリンクをコピーします。
    iFunia YouTube Downloaderのアドレスバーに貼り付け、「+」をクリックしてEnterキーをタップします。iFuniaは自動でそのHTML5動画の動画情報を取得します。
  3. フォーマットを設定し、ダウンロードします。
    情報取得が終わったら、「Format」のドロップダウンメニューをクリックします。MP4、MP3、FLV、たくさんのフォーマット(動画の元サイトにより)と画質(元動画の画質により)が指定できるオプションはいくつかあって、ニーズに沿って選択してください。
  4. HTML5動画をダウンロードします。
    「↓」をクリックしてHTML5動画をダウンロードします。ダウンロードしたファイルを確認したいなら、「√」をクリックします。

おまけ:一括ダウンロードするとき

  1. 動画のリンクを一つ一つコピーし、一行に一つのリンクでテキストエディタに貼り付けます。
  2. ソフトのツールバーで「File」→「Input URLs」を選択します。
  3. テキストエディタから全てのリンクをコピーして「OK」をクリックします。

 

#2 uGet Download ManagerでHTML5動画をダウンロード

uGetはオープンソースでマルチプラットフォームのダウンロード管理ソフトです。クリップボードからHTML5動画のダウンロードリンクを取得できるクリップボードマネージャー機能、一時中断機能と一括ダウンロード機能は備えているから、uGetは一つや複数のHTML5動画をできるだけ簡単にダウンロードでき、いつでも中断して再開できます。

メリット:

  1. クリップボードのダウンロードリンクを自動で探知できること
  2. ダウンロードを自由に中断、再開できること
  3. HTTP、HTTPS、FTP、どんなプロトコルのリンクでも自由に
  4. コマンドライン式のインターフェースも図形式のもあること

デメリット:

  1. インストールと環境配置は難しいこと
  2. Macバージョンなし

WindowsでHTML5動画をダウンロードする手順:

  1. PCでuGet Download Managerをダウンロードして起動します。
  2. ブラウザを起動し、ダウンロードしたいHTML5動画の再生ページまで進みます。
  3. HTML5動画のリンクをコピーします。
  4. uGet Download Managerに戻って、「File」→「New Download」をクリックしたら、コピーしたリンクはすでにアドレスバーに自動探知で貼り付けました。
  5. 「OK」をクリックするとダウンロードは開始します。「All」タブでダウンロード進捗を確認できるステータスバーがあります。

上級者向けの一括ダウンロードする方法:

  1. ダウンロードしたい複数のHTML5動画リンクをテキストエディタにコピーします。
  2. テキストエディタをすべて選択してコピーします。
  3. uGetで「File」→「Batch Downloads」→「Clipboard batch」を選択します。
  4. 「OK」をクリックします。

 

#3 【オンライン】catchvideoでHTML5動画をダウンロードでHTML5動画をダウンロード

Catchvideo.netはYouTube・DailyMotion・Facebook・Vimeoなどたくさんの動画共有サイトからHTML5動画をダウンロードできる使いやすいオンラインサービスです。オンラインダウンロードサービスのほか、CatchvideoはAndroidスマホでのFacebook downloaderとWindows・LinuxでのHD YouTube downloaderを提供します。ただし、このオンラインダウンロードサービスはクリップボードから動画リンクを自動で探知できません。

メリット:

  1. 無料
  2. インストール不要
  3. 動画ファイルをMP4/MP3/OGG/FLAC/AACとして保存

デメリット:

  1. 著作権保護ありの動画をダウンロードできないこと
  2. 720P以下の画質だけでダウンロードできること
  3. たくさんの迷惑広告
  4. 一括ダウンロード機能なし

オンラインでHTML5動画をダウンロードする手順:

  1. catchvideo.netの公式ページにアクセスします。
  2. 動画共有サイトからHTML5動画のリンクをコピーします。
  3. catchvideo.netに戻って、アドレスバーにリンクを貼り付けます。
  4. 「Catch!」をクリックしてHTML5動画を解析します。
  5. 「Download」をクリックして動画を保存します。

 

#4 Video Downloader PLUSでHTML5動画をダウンロード

Video Downloader PLUSはブラウザに数多くの動画サイトからHTML5動画をダウンロードする機能を追加できす拡張機能です。ただし、YouTubeとアダルトサイトからのダウンロードはできません。一旦リンクを探知したら、その動画をHD 1080Pまでの好きな画質でダウンロードできます。さらに、Video Downloader PLUSではスクリーンレコードソフトをインストールせずにHTML5のオンライン生放送をダウンロードできます。

メリット:

  1. Facebook・Dailymotion・Vimeo・Twitchなどのサイトからダウンロードできること
  2. 二本以上の動画でも同時でダウンロードできること
  3. 完全に広告なし

デメリット:

  1. YouTube動画と著作権保護のある動画はダウンロードできない
  2. ダウンロードスピードが遅いこと
  3. ダウンロードフォーマットが少ないこと

Chrome拡張機能でHTML5動画をダウンロードする手順:

  1. Chromeウェブストアから「Video Downloader PLUS」という拡張機能を検索して、「Chromeに追加」をクリックして追加します。
  2. 「Video Downloader PLUS」を追加した場合、ツールバーの右のほうにそのアイコンは表示します。
  3. ChromeでHTML5動画を再生すると、ツールバーのアイコンは緑色になります。
  4. アイコンをクリックすると、新しいダイアログボックスで先再生した動画情報は表示します。
  5. 「Start」をクリックしHTML5動画をダウンロードします。

注意:この拡張機能でHTML5動画をダウンロードする前に、その動画を完全に読み込まなければなりません。そうでなければ、ダウンロードした動画ファイルは不完全で、読み込んだ一部しか再生できません。

 

#5 【Firefox拡張機能】Media Download HelperででHTML5動画をダウンロード

Media Download Helperはほとんどの動画共有サイトからHTML5動画を簡単いダウンロードできるFiredoxのadd-on拡張機能です。Facebook・Instagram・Tiktok・VK・Dailymotion・Twitch・OKru・Nicovideo・Vimeoをサポートする上に、この拡張機能は内蔵のメディアプレイヤがあるから正しい動画をダウンロードしたかどうかを確認できます。

メリット:

  1. ストリーミングビデオを再生できること
  2. 動画・音声・画像・文字・ウェブファイル、なんでも探知できること
  3. キーワードで探知したファイルから検索できること

デメリット:

  1. 動画はいくつかのM3U8ファイルに分割してダウンロードすること
  2. 探知したファイルを超長いリストで表示されるからダウンロードしたいファイルは見つけられ難いこと。

Firefox拡張機能でHTML5動画をダウンロードする手順:

  1. https://addons.mozilla.org/en-US/firefox/addon/media-download-helper/にアクセスして、Media download helperをFirefoxに追加します。
  2. HTML5動画サイトに訪問して、動画を再生します。
  3. ツールバーのMedia Download Helperのアイコンをクリックすると、新しいダイアログは表示されます。
  4. ダウンロードしたい動画ファイルを見つけ出して、「Download」をクリックします。

 

HTML5についてあなたの知らないこと

HTML5はなに?

HTMLは「HyperText Markup Language(ハイパーテキストマークアップ言語)」の略称です。この言語ではエレメント、タッグと山括弧、さらにCSSファイルを使ってウェイブサイトを作れます。5つのバージョンを経て進化してきたHTMLは今動画や音楽をはめ込むこと、簡単な図形を描くとオフラインで作動することができる対話式的な言語になりました。

HTML VS HTML5

  HTML HTML5
マルチ
メディア
Flash playerをインストール
しなければサポートしない
動画と音楽要素をサポートする
ストレージ 一時データをクッキーで
保存する
SQLデータベースとアプリケーション
キャッシュでオフラインデータを保存
ベクター
画像
Silverlight・VMLで
サポートする
設定せずにサポートする
JavaScript ブラウザでは無効 バックラウンドでも有効
ブラウザ ほとんどのブラウザに
サポートされる
最新のブラウザにサポートされる
文字
コード
完全 簡単
カスタムデータ
属性
追加したら情報漏洩の
リスクあり
サポート
エラー
処理
不正確なシンタックスを
処理できない
不正確なシンタックスとその他のエラーに対処できる

 

最後に

今回の文章では私たちは5つのHTML5動画のダウンロード方法をテストしてみなさんい提供しました。これらの方法の中で、私の一番よく使うのはiFunia YouTube Downloaderです。このソフトは使いやすくて、4K動画へのサポートも完璧です。そして、AndroidスマホやiPhoneで動画をダウンロードしたい方は、オンラインサービスやuGet Download Manager for Androidを使ってみて具ダサいね。

avatar
渡辺健司

東京都出身。プログラマーとして15年以上勤めています。ビデオ編集について上達しています。今までの積み上げた知識が皆さんに伝えられる文章を書きたくて編集部に入りました。何かの問題があったらコメントしてください。

コメント (0) 返信する

お名前 *

コメント *

Hot Articles

Mac・Windows・スマホで Bandcampをダウンロードする方法 Dailymotionの動画やプレイリストを ダウンロードする方法【PC・スマホあり】 Youkuの動画をMac・PC・スマホで 一括ダウンロードする5つの解決策
Home > 【無料・簡単】HTML5動画をダウンロード する方法5選