我正在编写一个浏览器插件,需要找到一种方法来获取使用JavaScript在YouTube上播放YouTube视频的当前时间.我一直在玩Chrome JavaScript控制台,但没有运气.
似乎chrome API仅适用于嵌入式视频播放器,而不适用于youtube.com上正在播放的视频.我查看的一个选项是在视频的共享部分,它们是"start at:"时间的输入框,其中包含视频的当前时间.我试过在这个输入框上使用.value和.text,它们都返回undefined？有没有人有任何想法？
我正在创建一个Google Chrome扩展程序,它依赖于了解"youtube.com"上正在播放的视频的当前时间.我知道原则上document.getElementById('movie_player').getCurrentTime()应该返回这个,但是在注入页面的内容脚本中调用它会产生:
未捕获的TypeError:document.getElementById('movie_player').getCurrentTime不是函数(...)
我可以在Chrome控制台中运行该命令并获得正确的返回值.
在此之前被标记为重复的问题,我想指出我正在谈论在'youtube.com'上这样做.我不知道我是否应该期待特殊行为,但这绝对是与我在stackoverflow上发现的其他问题不同的背景.
为了提供帮助,下面是我能想出的最简单的代码来重现这个问题.要使其正常工作,您需要将其作为解压扩展加载.然后导航到任何YouTube视频.单击扩展图标,然后单击"开始测试"按钮.还要确保打开控制台(F12).
提前感谢有关如何使此方法工作的建议,或者我可以获得我需要的信息的另一种方式(例如,我考虑获得时间价值的份额,但无法想出那个方法).作为最后的手段,我正在考虑用我自己的iframe替换youtube播放器并尝试这种方式.
popup.html
<!doctype html>
<html>
<head>
<title>Getting Started Extension's Popup</title>
<script src='popup.js'></script>
</head>
<body>
<input type='button' id='start' value='Start The Test'></input>
<p id="messages"></p>
<p id="result"></p>
</body>
</html>
popup.js
// Add listener for start button
document.addEventListener('DOMContentLoaded', function() {
document.getElementById("start").addEventListener('click', process_video);
});
function process_video() {
chrome.tabs.executeScript(null, {file: 'test.js'});
}
test.js
player = document.getElementById('movie_player');
console.log(player);
console.log(player.getCurrentTime()); // ERROR IN QUESTION IS PRODUCED WITH THIS COMMAND
的manifest.json
{
"manifest_version": 2,
"name": "It's a …