在Netflix网站上观看netflix视频时,我的目标是让用户脚本以编程方式调用播放控件.具体地说,视频的音量,电平,播放/暂停状态和时间位置.
我已经能够操纵html5视频元素本身,但直接控制它不会向用户提供所需的netflix控制栏反馈.(即视频暂停,但控制栏仍显示为播放).
到目前为止,我的方法是尝试找到代表使用普通控件时单击的"按钮"的元素,并通过用户脚本触发它们的点击事件.但我似乎无法隔离适当的元素.另外netflix使用的是javascript压缩器/混淆器,这增加了找到代表控制栏上按钮的正确元素的难度.
在这样的网站上,如何识别接收元素点击事件的元素,然后创建用户脚本以通过tampermonkey和/或greasemonkey调用它?
在下面的示例代码中,我在视图上添加了一个按钮以进行测试.
// ==UserScript==
// @name Jump a minute ahead in netflix
// @version 0.1
// @description A Test by trying to jump a minute or so ahead into a netflix movie
// @match *://www.netflix.com/*
// @grant GM_addStyle
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==
var zNode = document.createElement ('div');
zNode.innerHTML = '<button id="myButton" type="button">Try It</button>';
zNode.setAttribute ('id', 'myContainer');
document.body.appendChild (zNode);
//--- Activate the newly added button.
document.getElementById ("myButton").addEventListener (
"click", ButtonClickAction, false
);
function ButtonClickAction (zEvent) {
/*--- …Run Code Online (Sandbox Code Playgroud)