关于控制视频网站播放器进度条的问题

葭月二六

写了一个一键跳过片头的脚本（进度条快进一分半）
开始在b站普通视频能运行成功，然后在番剧页面开始写，控制台显示读不到currentTime
let triple=document.createElement("button");
triple.innerText="一键跳过片头";
triple.style.background="#3498db";
triple.style.color="#fff";

var video = document.querySelector('video');

triple.onclick=function(){
    //快进代码
    var now_time = video.currentTime;
    //计算快进后的播放时间点
    var new_time = now_time + 90;
    //新值赋值回去
    video.currentTime = new_time;
};
//下面的是按钮的位置
let ops=document.querySelector('#arc_toolbar_report .ops');
ops.addEventListener("DOMNodeInserted", function(event) {
    let share=document.querySelector('.share');
    share.parentElement.insertBefore(triple,share);
});


以上的是在普通b站视频上可以运行的
以下是在番剧页面运行的
let triple=document.createElement("button");
triple.innerText="一键跳过片头";
triple.style.background="#3498db";
triple.style.color="#fff";
var video = document.querySelector('video')
triple.onclick=function(){
    //快进代码
    var now_time = video.currentTime;
    //计算快进后的播放时间点
    var new_time = now_time + 90;
//     //新值赋值回去
    video.currentTime = new_time;
};
//下面的是按钮的位置
let ops=document.querySelector('.media-wrapper #toolbar_module');
ops.addEventListener("DOMNodeInserted", function(event) {
    let share=document.querySelector('.like-info');
    share.parentElement.insertBefore(triple,share);
});

点了按钮后控制台报错

以下是番剧页面播放器的标签
<video crossorigin="anonymous" preload="auto" src="blob:https://www.bilibili.com/6b7c6925-467c-4c7c-abe8-1c3dc9a73617" style="width: 75%; height: 75%;"></video>

求大佬支招

葭月二六

点了按钮控制台报错
Uncaught TypeError: Cannot read properties of null (reading 'currentTime')
    at HTMLButtonElement.triple.onclick（省略）
triple.onclick        @        userscript.html?name…6bc-75a45057147b:23

李恒道

哥哥给一个番剧的视频地址

李恒道

哥哥给一个番剧的视频地址

葭月二六

李恒道 发表于 2022-3-13 17:14
哥哥给一个番剧的视频地址

https://www.bilibili.com/bangumi/play/ep450024?from_spmid=666.4.0.0

李恒道

葭月二六 发表于 2022-3-13 17:17
https://www.bilibili.com/bangumi/play/ep450024?from_spmid=666.4.0.0

哥哥完整脚本发出来看看？
我这里读到属性了....

葭月二六

李恒道 发表于 2022-3-13 17:38
哥哥完整脚本发出来看看？
我这里读到属性了....

// ==UserScript==
// @name         B站一键跳过番剧片头（一键一分半，可在配置文件修改）
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/*
// @grant        none
// @run-at       document-end
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// ==/UserScript==

let triple=document.createElement("button");
triple.innerText="一键跳过片头";
triple.style.background="#3498db";
triple.style.color="#fff";
var video = document.getElementById('video')
triple.onclick=function(){
    //快进代码
    var now_time = video.currentTime;
    //计算快进后的播放时间点
    var new_time = now_time + 90;
//     //新值赋值回去
    video.currentTime = new_time;
};

let ops=document.querySelector('.media-wrapper #toolbar_module');
ops.addEventListener("DOMNodeInserted", function(event) {
    let share=document.querySelector('.like-info');
    share.parentElement.insertBefore(triple,share);
});

葭月二六

刚才那个没改getElementById  这次改成querySelector了  querySelector能在普通视频播放 但是不能在番剧播放
// ==UserScript==
// @name         B站一键跳过番剧片头（一键一分半，可在配置文件修改）
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://www.bilibili.com/video/*
// @match        https://www.bilibili.com/*
// @grant        none
// @run-at       document-end
// @icon         data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==
// ==/UserScript==

let triple=document.createElement("button");
triple.innerText="一键跳过片头";
triple.style.background="#3498db";
triple.style.color="#fff";
var video = document.querySelector('video')
triple.onclick=function(){
    //快进代码
    var now_time = video.currentTime;
    //计算快进后的播放时间点
    var new_time = now_time + 90;
//     //新值赋值回去
    video.currentTime = new_time;
};

let ops=document.querySelector('.media-wrapper #toolbar_module');
ops.addEventListener("DOMNodeInserted", function(event) {
    let share=document.querySelector('.like-info');
    share.parentElement.insertBefore(triple,share);
});

李恒道

葭月二六 发表于 2022-3-13 17:44
刚才那个没改getElementById  这次改成querySelector了  querySelector能在普通视频播放 但是不能在番剧播 ...

目前存在两个问题
页面启动之后video没有初始化脚本就运行了
没找到元素，返回了一个null
而哥哥在null上找currenttime属性
第二个问题是dom插入监听没做检测判断
无限执行了
报错
Maximum call stack size exceeded

葭月二六

李恒道 发表于 2022-3-13 18:07
目前存在两个问题
页面启动之后video没有初始化脚本就运行了
没找到元素，返回了一个null

好的好的大佬，我去看看怎么解决，还有一个是这个脚本我在b站普通视频上可以跳进度，番剧的就不行，我试试你说的