如何使用 JavaScript 和 jQuery 控制 HTML5 影片播放？

使用JavaScript 和jQuery 控制HTML5 視訊播放

使用JavaScript 和jQuery 播放和暫停HTML5 視訊可能是一項簡單的任務，但需要特定的任務jQuery 使用的注意事項。要在單擊特定選項卡或元素時播放視頻，您可以直接在視頻元素上使用.play() 方法，如提供的代碼所示：

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

但是，如果您需要當選擇另一個選項卡或元素時暫停視頻，您必須使用DOM 元素的本機.pause() 方法而不是jQuery 的.pause() 函數。這是因為視訊播放控制函數（例如 .play() 和 .pause()）在底層 DOM 元素上操作，而不是在 jQuery 物件上操作。因此，您必須直接存取 DOM 視訊元素來控制其播放。

在 jQuery 中，您可以使用 .get(0) 方法存取原生 DOM 元素。因此，要在單擊另一個選項卡時暫停視頻，您可以編寫：

$('#movie1').get(0).pause();

通過組合這些技術，您可以創建一個有效的視頻播放器控件，該控件可以使用JavaScript 根據用戶互動進行播放和暫停和jQuery。

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