使用 Tampermonkey/javascript 控制 Netflix (HTML5） 播放

这是一个较老的问题，但我想发布这个答案，以造福未来的用户。

您现在可以通过访问他们的播放器 API 来控制 Netflix 的播放，方法是执行以下 Javascript（最初由 Dmitry Paloskin 贡献，关于这个主题）：

const videoPlayer = netflix.appContext.state.playerApp.getAPI().videoPlayer;
// Getting player id
const playerSessionId = videoPlayer.getAllPlayerSessionIds()[0];
const player = videoPlayer.getVideoPlayerBySessionId(playerSessionId);

然后，您可以使用 API 在 Netflix 播放器上执行各种命令，例如搜索（通过使用括号中带有毫秒数的player.seek()）、播放或暂停视频（分别使用 player.play() 或 player.pause()）或控制音量（通过使用带有括号中的值的player.setVolume()， 1 表示 100%，0 表示 0

此方法避免了在尝试更改视频元素的currentTime属性时 Netflix 崩溃的问题，如上面 rogerdpack 的回复中所述。

这是我对这个问题思考得太过努力的情况。一旦我退后一步，我意识到我一直在寻找正确的方向，但没有正确触发点击事件。

因此，例如，要获取控制播放和暂停的"按钮"，您可以使用： document.getElementsByClassName("player-control-button player-play-pause")[0] .然后，要在 tampermonkey 中以编程方式单击它，您只需使用以下方法调用 click 事件：

document.getElementsByClassName("player-control-button player-play-pause")[0].click();

条形图中的音量和其他控件类似。播放位置看起来有点棘手，但一旦我想通了，我会做更多的挖掘并在这个答案中添加评论。

好消息是，您可以通过检测HTML5 VIDEO标签来控制播放

例如：

https://gist.github.com/rdp/93c761b3524529e591e5286073545362 find_html5_video.js

https://github.com/igrigorik/videospeed

然后调用方法作为任何正常的 HTMLMediaElement 对象（静音、暂停等）工作正常。

 video_element.paused = true // pause playback
 video_element.currentTime // get current timestamp

如果您在大多数网站（亚马逊即时视频，YouTube）使用此技巧，则可以使用video_element.currentTime = 3进行搜索，并且它就可以正常工作。

但是，如果您像 netflix 一样寻求，您会得到"哎呀，出了点问题......意外错误 出现意外错误。请重新加载页面，然后重试。错误代码：M7375"

而且我还没有找到解决这个问题的方法（尽管如果您的搜索只是"快进"一点，您可以减小视频大小，将播放速率设置为超高，然后在到达我想的所需位置时将其恢复正常）。

因此，我们需要找到一种不同的方法来发送 seek 命令。 显然，在某一时刻，有一个netflix.cadmium.objects.videoPlayer()或netflix.player的javascript对象可用于查找方法，但是它们现在似乎不存在。

因此，回到您最初的问题，似乎确实可以模仿控制位置的滑块上的"单击"，从而发送搜索消息，就像您尝试的那样。

Netflix Party（chrome 扩展程序，以及 chrome 扩展程序 'http://showgoers.tv/）可以做类似的事情，在这里解释。

一个令人心酸的部分似乎是

var showControls = function() {
  uiEventsHappening += 1;
  var scrubber = $('#scrubber-component');
  var eventOptions = {
    'bubbles': true,
    'button': 0,
    'currentTarget': scrubber[0]
  };
  scrubber[0].dispatchEvent(new MouseEvent('mousemove', eventOptions));
  return delay(10)().then(function() {
    uiEventsHappening -= 1;
  });
};
var seek = function(milliseconds) {
  uiEventsHappening += 1;
  var eventOptions, scrubber;
  return showControls().then(function() {
    // compute the parameters for the mouse events
    scrubber = $('#scrubber-component');
    var factor = milliseconds / getDuration();
    var mouseX = scrubber.offset().left + Math.round(scrubber.width() * factor); // relative to the document
    var mouseY = scrubber.offset().top + scrubber.height() / 2;                  // relative to the document
    eventOptions = {
      'bubbles': true,
      'button': 0,
      'screenX': mouseX - $(window).scrollLeft(),
      'screenY': mouseY - $(window).scrollTop(),
      'clientX': mouseX - $(window).scrollLeft(),
      'clientY': mouseY - $(window).scrollTop(),
      'offsetX': mouseX - scrubber.offset().left,
      'offsetY': mouseY - scrubber.offset().top,
      'pageX': mouseX,
      'pageY': mouseY,
      'currentTarget': scrubber[0]
    };
    // make the "trickplay preview" show up
    scrubber[0].dispatchEvent(new MouseEvent('mouseover', eventOptions));
  }).then(delay(10)).then(function() {
    // simulate a click on the scrubber
    scrubber[0].dispatchEvent(new MouseEvent('mousedown', eventOptions));
    scrubber[0].dispatchEvent(new MouseEvent('mouseup', eventOptions));
    scrubber[0].dispatchEvent(new MouseEvent('mouseout', eventOptions));
  }).then(delay(1)).then(hideControls).then(function() {
    uiEventsHappening -= 1;
  });
};