javascript - 如何在 YouTube.com 视频 (javascript) 中触发鼠标悬停在视频上的操作?

标签 javascript video google-chrome-extension youtube mouseover

对于我的 Chrome 扩展程序, 我正在尝试获取 YouTube 视频中的当前时间, 其工作原理是

var timeArr = document.getElementsByTagName("ytp-time-current");  
  for (var i = 0; i < timeArr.length; i++) {
      var currentTime = priceEls[i].innerText;
  }

但只有当视频“聚焦”时,浏览器才能看到时间戳,否则 HTML 不会更新以显示当前时间。

如何代表用户触发鼠标悬停效果?

最佳答案

您无需解析 UI 即可获取 YouTube 视频的时间。这是一个 HTML5 <video>具有所有相关功能的元素,例如继承自 HTMLMediaElement :

let video = document.querySelector("video.html5-main-video");
let currentTime = video.currentTime; // Fractional, in seconds
let totalDuration = video.duration;

关于javascript - 如何在 YouTube.com 视频 (javascript) 中触发鼠标悬停在视频上的操作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46492368/

相关文章:

javascript - 语法错误: Unable to parse bindings with json

javascript - 如何使用 Joi 使用 Hapi.js 拆分字段值

reactjs - Chrome 扩展(内容脚本)+ React : getting React component from DOM?

javascript - Chrome Dev Tools - 通过页面重新加载记住选择的元素

javascript - 我可以将函数导入 typescript 类文件吗?

javascript - Angular 拖放不适用于移动设备

ios - 从 Objective-C 调用 C 函数 - 传递大量数据

javascript - 在 chrome 扩展中使用 chrome tab 查询时出现未捕获的异常

html - html 5 上的元数据预加载属性是否加载整个视频?

audio - DVD损坏的框架