メディアプレーヤーの情報を表示およびデバッグする

メディア ツールを使用して、情報を表示し、ブラウザータブごとにメディアプレーヤーをデバッグします。

メディアツールを開く

メディア ツールは、Web ページのメディアプレーヤーを検査するための DevTools のメイン場所です。

DevTools を開く場合は、Web ページを右クリックし、[検査] を選択します。または、 Ctrl + Shift + I (Windows、Linux) または Command + Option + I (macOS) を押します。 DevTools が開きます。
DevTools のメインツールバーで、[メディア] タブを選択します。そのタブが表示されない場合は、[その他のタブ ] () ボタンをクリックするか、[その他のツール] () ボタンをクリックします。

次の Web ページなど、メディアプレーヤーを含む Web ページに移動します。

Edge 開発者ツールを使用した生産性の最大化
[ プレーヤー ] メニューの下にメディアプレーヤーが表示されます。
プレーヤーをクリックします。 [ プロパティ] パネルには、メディアプレーヤーのプロパティが表示されます。
すべてのメディアプレーヤーイベントを表示するには、[ イベント ] パネルをクリックします。
メディアプレーヤーのメッセージログを表示するには、[ メッセージ ] パネルをクリックします。ログレベルまたは文字列でメッセージをフィルター処理できます。
タイムライン パネルで、メディアの再生とバッファーの状態がライブで表示されます。

Windows または macOS コンピューターから Android デバイス上のメディアプレーヤー情報を表示します。

場合によっては、Web ページで複数のメディアプレーヤーを実行したり、同じブラウザータブを使用して、メディアプレーヤーを含むさまざまな Web ページを参照したりすることがあります。

デバッグエクスペリエンスを容易にするために、各メディアプレーヤーを非表示 (または表示) できます。

同じブラウザータブを使用して、いくつかの異なるビデオ Web ページを参照します。
メディアプレーヤーを非表示にするには:
- 1 つのメディアプレーヤーを非表示にするには、メディアプレーヤーを右クリックし、[プレーヤーの 非表示] を選択します。
- 他のすべてのメディアプレーヤーを非表示にするには、メディアプレーヤーを右クリックし、[他のすべてのメディアプレーヤーを 非表示にする] を選択します。

メディアプレーヤーを非表示にする

メディア情報をエクスポートする

注

このページの一部の情報は、Google によって作成および共有されている著作物に基づいており、Creative Commons Attribution 4.0 International License に記載されている条項に従って使用されています。 Jecelyn Yeen (デベロッパーアドボケイト、Chrome DevTools) によって作成された元のページはこちらにあります。