【工具】百度网盘网页版，倍速播放

daban2008

已于 2024-06-09 00:13:03 修改

阅读量227

点赞数 4

分类专栏：工具文章标签：前端 javascript 开发语言

于 2024-06-05 08:46:47 首次发布

本文链接：https://blog.csdn.net/daban2008/article/details/139458544

版权

工具专栏收录该内容

2 篇文章 0 订阅

订阅专栏

//获取该元素，以便 移除该元素的监听，避免弹出vip框
let btnP = document.querySelectorAll('.vp-inner-vontainer .vp-popover-floating .vp-video__control-bar--playback-rates .vp-video__control-bar--video-button');
for (let i = 0; i < btnP.length; i++) {
  //移除元素的监听事件
  btnP[i].outerHTML = btnP[i].outerHTML;
}


const video = document.querySelector("video");
const arr = [2,1.5,1.25,1,0.75]
const btn = document.querySelectorAll('.vp-inner-vontainer .vp-popover-floating .vp-video__control-bar--playback-rates .vp-btn');
//由于使用outerHTML重整了元素，所以需要重新获取
btnP = document.querySelectorAll('.vp-inner-vontainer .vp-popover-floating .vp-video__control-bar--playback-rates .vp-video__control-bar--video-button');
//当前显示的倍数
const divR = document.querySelector('div[title="倍速"]');
for (let i = 0; i < btn.length; i++) {
  btn[i].addEventListener('click',function(){
    // console.log ('单击了');
    video.playbackRate =arr[i];
    divR.textContent = arr[i] +'X';
    for (let j = 0; j < btnP.length; j++) {
      btnP[j].classList.remove('is-selected')
    }
    btn[i].parentNode.classList.add('is-selected')
  })  
}