HTML5 ビデオプレイヤーとは？

HTML5 ビデオプレイヤーは、ブラウザのネイティブ <video> 要素を使用して、Flash などのプラグインを必要とせずにビデオファイルを再生します。ビデオとそのコントロールはすべてクライアント側で実行されるため、ファイルをサーバーにアップロードする必要がなく、ブラウザがディスクから直接読み込んでローカルでデコードします。これにより、映像をすばやくプライベートにプレビューしたり、再生品質を確認したり、編集前にクリップを確認したりできます。

最新のブラウザは <video> 要素の上に豊富な JavaScript API を公開しており、再生速度の調整、フレームバイフレームのステップ実行、ピクチャーインピクチャー、フルスクリーンなど、ページを離れることなくすべてが可能です。

ツールの説明

HTML Video Player は、フル機能の HTML5 プレイヤーを使用してローカルビデオファイルをブラウザで直接再生します。ビデオをドロップすると、標準的な再生コントロールに加えて、可変再生速度、音量コントロール、ループ、ミラーリング、ピクチャーインピクチャー、フルスクリーン、フレームステップ、スクリーンショットキャプチャなどの高度な機能が利用できます。何もアップロードされません。ビデオはデバイス上に保存されたままです。

機能

  • 高度な再生コントロール — 再生/一時停止、±10 秒スキップ、フレーム単位での前後ステップ、調整可能な速度（0.25x～2x）、ループ
  • ピクチャーインピクチャーとフルスクリーン — ビデオをフローティングウィンドウにポップアウトするか、画面全体に拡大します
  • スクリーンショットキャプチャ — 現在のフレームを PNG として取得し、アクティブなミラー変換を適用します

オプションの説明

オプション 説明
再生速度 playbackRate を 0.25x（スローモーション）から 2x（早送り）に設定します。
音量 ビデオの音量レベルを調整します。独立してミュートすることもできます。
ループ ビデオが終了したときに自動的に再開します。
ミラー ビデオを水平、垂直、またはその両方に反転します。フロントカメラからの映像を確認するのに便利です。
ネイティブコントロール ブラウザの組み込みコントロールバーのオン/オフを切り替えます。
ピクチャーインピクチャー ビデオを小さなフローティングウィンドウに分離し、他のウィンドウの上に表示します。

ヒント

  • フレームステップ（前フレーム/次フレーム）を使用して、スクリーンショットを撮影する場合など、ビデオ内の特定の瞬間を正確に見つけます。
  • ダウンロードボタンは、表示用に適用されたミラー設定の影響を受けずに、元のアップロードされたファイルを保存します。
  • ピクチャーインピクチャーの利用可能性はブラウザのサポートに依存します。ブラウザがサポートしていない場合、ボタンは自動的に非表示になります。