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

时间:2017-09-29 15:37:44

标签: 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不会更新以显示当前时间。

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

1 个答案:

答案 0 :(得分:1)

您无需解析用户界面即可获得YouTube视频的时间。它是一个HTML5 <video>元素,具有所有相关功能,例如继承自HTMLMediaElement

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