如何使用 jQuery 播放/暂停视频?
方法一:使用trigger()方法: trigger()方法用于执行指定的事件和事件的默认行为。要执行的事件作为参数传递给此方法。
'play' 事件用于播放任何媒体元素,类似地,'pause' 事件用于暂停任何媒体元素。将这些事件与 trigger() 方法一起使用将根据需要播放或暂停视频。
句法:
// Play the video
$('#sample_video').trigger('play');
// Pause the video
$('#sample_video').trigger('pause');
例子:
How to play/pause video
using JQuery?
GeeksforGeeks
Play/pause HTML 5 video
using JQuery?
Click on the buttons to play
or pause the video.
输出:
方法 2:使用 play() 和 pause() 方法: JavaScript 中的play()方法用于尝试播放媒体文件。在 jQuery 中,首先使用选择器选择视频文件,然后使用 get() 方法选择实际元素。然后在这个元素上使用 play() 方法来尝试启动视频。
JavaScript 中的pause()方法用于暂停媒体文件的播放。在 jQuery 中,首先使用选择器选择视频文件,然后使用 get() 方法选择实际元素。然后在此元素上使用 pause() 方法来暂停视频。
句法:
// Play the video
$('#sample_video').get(0).play();
// Pause the video
$('#sample_video').get(0).pause();
例子:
How to play/pause video
using JQuery?
GeeksforGeeks
Play/pause HTML 5 video
using JQuery?
Click on the buttons to play
or pause the video.
输出:
jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。