媒體：查看及偵錯媒體播放器資訊

Jecelyn Yeen

Twitter GitHub 首頁

使用 Chrome 開發人員工具的「媒體面板」查看資訊，並在每個瀏覽器分頁中對媒體播放器進行偵錯。

開啟「媒體」面板

「媒體」面板是開發人員工具中檢查網頁的媒體播放器的主要位置，

1. 開啟開發人員工具。
2. 依序按一下「更多選項」圖示 >「更多工具」 >「媒體」，開啟「媒體」面板。

查看媒體播放器資訊

1. 前往使用媒體播放器的網頁，例如 https://youtu.be/e1gAyQuIFQo。
2. 媒體播放器現在會顯示在「播放器」選單下方。
3. 按一下播放器。「Properties」分頁會顯示媒體播放器的屬性。
4. 按一下「Events」(事件) 分頁標籤即可查看所有媒體播放器事件。
5. 按一下「訊息」分頁標籤，查看媒體播放器訊息記錄。您可以依記錄層級或字串篩選訊息。
6. 時間軸分頁會顯示媒體播放和緩衝區狀態的即時影像。

遠端偵錯

您可以透過 Windows、Mac 或 Linux 電腦查看 Android 裝置上的媒體播放器資訊。

1. 請按照這些步驟設定遠端偵錯功能。
2. 您現在可以從遠端查看媒體播放器的資訊。

隱藏及顯示媒體播放器

有時網頁上可能會有多個媒體播放器，或者您可以使用同一個瀏覽器分頁瀏覽不同的網頁，而這些網頁都有媒體播放器。

你可以選擇顯示或隱藏各個媒體播放器，以便進行偵錯體驗。

1. 使用同一個瀏覽器分頁瀏覽多個不同的影片頁面。
2. 在其中一個媒體播放器上按一下滑鼠右鍵。您可以選取「隱藏玩家」來隱藏選取的玩家，也可以選取「隱藏所有其他玩家」來隱藏所有其他玩家。

匯出媒體播放器資訊

1. 在其中一個媒體播放器上按一下滑鼠右鍵。
2. 選取「儲存玩家資訊」，以 JSON 格式下載玩家資訊。