如何使用 jQuery 跨多個選項卡控制 HTML5 影片播放？

使用 jQuery 控制 HTML5 影片播放

本文提供使用 jQuery 管理 HTML5 影片播放的指南。讓我們深入研究當前問題的解決方案：在六個選項卡介面的單獨選項卡中控制兩個視訊剪輯。每個影片應在單擊其選項卡時開始播放，並在啟動另一個選項卡時暫停。

控制影片播放的原始嘗試是：

$('#playMovie1').click(function(){
  $('#movie1').play();
      });

但是，請務必注意播放不是 jQuery 函數。相反，它是 DOM 元素的一個方法。要使用 jQuery 呼叫它，您需要定位元素本身：

$('#videoId').get(0).play();

這裡，get 從 jQuery 選擇中檢索本機 DOM 元素。

因此，您的程式碼應如下所示:

$('#playMovie1').click(function(){
  $('#movie1').get(0).play();
      });

透過採用這種方法，每個視訊剪輯將在選擇其選項卡時開始播放，並在選擇另一個選項卡時停止播放點擊。

以上是如何使用 jQuery 跨多個選項卡控制 HTML5 影片播放？的詳細內容。更多資訊請關注PHP中文網其他相關文章！