如何使用 JavaScript 更改视频播放速度？

在本文中，我们将看到如何使用 HTML5 视频标签更改嵌入在 HTML 文档中的视频的播放速度。

我们可以使用playbackRate属性设置新的播放速度。它具有以下语法。

句法：

let video = document.querySelector('video')
video.playbackRate = newPlaybackRate

我们还可以使用defaultPlaybackRate属性设置默认播放速度。它具有以下语法。

句法：

let video = document.querySelector('video')
 video.defaultPlaybackRate = 4
 video.load()

例子：

HTML

  

    
  
    
  
    
        body {
            text-align: center;
            margin-top: 2%;
        }
  
        h1 {
            color: green;
        }
  
        p {
            margin-top: 2%;
        }
  
        button {
            margin-right: 20px;
        }
    

  

    GeeksforGeeks
  
    
        
        Your browser does not support the video tag.
    
  
    
        Increase Speed
        Decrease Speed
    
  
    
        let video = document.querySelector('video');
  
        // Set the default playing speed
        video.defaultPlaybackRate = 0.5
  
        // Loading the video after setting 
        video.load();
  
        function increase() {
  
            // Increasing the playing speed by 1
            video.playbackRate += 1;
        }
  
        function decrease() {
  
            // Decreasing the playing speed by 1
            if (video.playbackRate > 1)
                video.playbackRate -= 1;
        }
    

  

输出：