如何使用 JavaScript API 控制現有的 YouTube 播放器？-js教程-PHP中文網

如何使用 JavaScript API 控制現有的 YouTube 播放器？

Susan Sarandon

發布： 2024-11-17 15:24:01

原創

228 人瀏覽過

How to Control Pre-Existing YouTube Players with the JavaScript API?

使用YouTube API 控制預先存在的iFrame 播放器

了解挑戰

了解挑戰

您想

您想若要使用JavaScript API 控制已嵌入HTML 中的YouTube 播放器。新增影片的標準 iframe API 方法不適用於預先存在的播放器。

使用自訂函數的解決方案：callPlayer

為了解決此問題，我們將使用名為 callPlayer 的自訂函數。此功能可讓您在頁面上的任何帶有框架的 YouTube 影片上呼叫各種 YouTube 播放器功能。

用法：

擁有此功能後，您可以像這樣使用它：

解決常見問題：

問題：

影片無法播放。 A:
播放需要用戶交互，並且 iframe URL 中存在 allowed="autoplay"。

問：

我收到一條錯誤訊息「無效或非法的字串指定」。答：
您需要在 iframe URL 末尾加上 ?enablejsapi=1。

問：

API 不起作用在本機主機 (file://) 上。 A:

線上託管您的頁面或使用 JSFiddle 進行測試。

您可以使用下列語法呼叫「onYouTubePlayerReady」事件：callPlayer('frame_id', function() { ... } )。完整的 API 支援可在單獨的答案中透過相關實作：「在 jQuery 中監聽 Youtube 事件。」

以上是如何使用 JavaScript API 控制現有的 YouTube 播放器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！