📜  如何使用 jQuery 播放/暂停视频?

📅  最后修改于: 2022-05-13 01:55:53.969000             🧑  作者: Mango

如何使用 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.     

                            
                          

输出:
播放暂停 2

jQuery 是一个开源 JavaScript 库,它简化了 HTML/CSS 文档之间的交互,它以其“少写,多做”的理念而广为人知。
您可以按照此 jQuery 教程和 jQuery 示例从头开始学习 jQuery。