谷歌浏览器视频倍速代码(图文)

以下是谷歌浏览器中设置视频倍速播放的代码：

1. 基础倍速设置代码

javascript

// 设置所有视频为指定倍速 document.querySelectorAll('video').forEach(video => { video.playbackRate = 2.0; // 2倍速，可改为其他数值 });

2. 常用倍速设置

javascript

// 1.5倍速 document.querySelectorAll('video').forEach(video => { video.playbackRate = 1.5; }); // 2倍速 document.querySelectorAll('video').forEach(video => { video.playbackRate = 2.0; }); // 4倍速 document.querySelectorAll('video').forEach(video => { video.playbackRate = 4.0; }); // 8倍速 document.querySelectorAll('video').forEach(video => { video.playbackRate = 8.0; }); // 16倍速（最大常规速度） document.querySelectorAll('video').forEach(video => { video.playbackRate = 16.0; });

3. 交互式倍速控制器

javascript

// 创建一个倍速控制函数 function setVideoSpeed(speed) { const videos = document.querySelectorAll('video'); if (videos.length === 0) { console.log('当前页面没有发现视频元素'); return; } videos.forEach((video, index) => { video.playbackRate = speed; console.log(`视频 ${index + 1} 已设置为 ${speed} 倍速`); // 如果视频暂停则尝试播放 if (video.paused && speed > 0) { video.play().catch(e => console.log('自动播放被阻止:', e)); } }); } // 使用示例 setVideoSpeed(2.0); // 设置为2倍速 setVideoSpeed(4.0); // 设置为4倍速 setVideoSpeed(1.0); // 恢复正常速度

4. 智能倍速脚本

javascript

// 更智能的倍速控制脚本 (function() { // 查找页面中的所有视频 function findAllVideos() { return document.querySelectorAll('video'); } // 设置倍速 function setPlaybackRate(rate) { const videos = findAllVideos(); let count = 0; videos.forEach(video => { if (video.readyState >= 1) { // 确保视频已加载 video.playbackRate = rate; count++; } }); console.log(`已设置 ${count} 个视频为 ${rate} 倍速`); return count; } // 恢复正常速度 function normalSpeed() { setPlaybackRate(1.0); console.log('已恢复为正常播放速度'); } // 主函数 window.videoSpeedControl = { set: setPlaybackRate, normal: normalSpeed, double: () => setPlaybackRate(2.0), triple: () => setPlaybackRate(3.0), quad: () => setPlaybackRate(4.0) }; console.log('视频倍速控制器已加载'); console.log('使用方法:'); console.log('videoSpeedControl.set(2.0) // 设置2倍速'); console.log('videoSpeedControl.double() // 设置2倍速'); console.log('videoSpeedControl.normal() // 恢复正常速度'); })(); // 使用示例（在控制台中执行）: // videoSpeedControl.set(3.0); // 3倍速 // videoSpeedControl.double(); // 2倍速 // videoSpeedControl.normal(); // 正常速度

5. 带有用户界面的倍速控制

javascript

// 创建一个简单的倍速控制界面 (function() { // 创建控制面板 function createSpeedController() { const panel = document.createElement('div'); panel.style.cssText = ` position: fixed; top: 20px; right: 20px; background: rgba(0,0,0,0.8); color: white; padding: 15px; border-radius: 5px; z-index: 10000; font-family: Arial, sans-serif; `; panel.innerHTML = ` <div style="margin-bottom: 10px;"><strong>视频倍速控制</strong></div> <button onclick="setVideoSpeed(0.5)" style="margin: 2px;">0.5x</button> <button onclick="setVideoSpeed(1.0)" style="margin: 2px;">1x</button> <button onclick="setVideoSpeed(1.25)" style="margin: 2px;">1.25x</button> <button onclick="setVideoSpeed(1.5)" style="margin: 2px;">1.5x</button> <button onclick="setVideoSpeed(2.0)" style="margin: 2px;">2x</button> <button onclick="setVideoSpeed(4.0)" style="margin: 2px;">4x</button> <br><br> <button onclick="this.parentElement.remove()" style="width: 100%;">关闭</button> `; document.body.appendChild(panel); } // 设置倍速函数 window.setVideoSpeed = function(speed) { const videos = document.querySelectorAll('video'); videos.forEach(video => { video.playbackRate = speed; }); console.log(`所有视频已设置为 ${speed} 倍速`); }; // 创建控制面板 createSpeedController(); console.log('倍速控制面板已创建'); })();