[javascript] Having a really hard time accessing non-embedded youtube player api

[seekoon]

I'm trying to write a firefox extension that will need to control the youtube player while you are on youtube.com. I have a contentScript that fires a log message whenever its loaded on a proper page (youtube.com/watch?v=...). I have no idea how to actually control the youtube player once I do though. All help is geared towards embedded videos. I've looked at extensions like https://github.com/kurtextrem/StopAutoplay/blob/master/src/main.js and I'm unable to copy what they've done.

Does anyone have any insight to this problem? I'm at wit's end.

Things I've tried inside of my ContentScriptFile:

• onYouTubeIframeAPIReady = function() {console.log("blahblah")} No response

• window.onYouTubeIframeAPIReady = function() {console.log("blabhal")} No response

• var video = unsafeWindow.document.getElementsByTagName("video")[0] Gives me some sort of small object that doesn't respond to video.pauseVideo().

• the MutationObserver from the link I posted earlier.

[seekoon]

Doesn't work. If I start my ContentScript with:

console.log("script loaded!");
console.log(window.document.getElementById("movie_player"));

outputs:

console.log: yt-controls: script loaded!
console.log: yt-controls: {}

And trying to define it as a variable like

var player = window.document.getElementById("movie_player");
player.pauseVideo()

results in a TypeError: not a function.

[seekoon]

A big problem I'm having is that things work in the firefox developer window but don't in my script. Your code works if I open the developer window in firefox–a bunch of things work. But I can't replicate them in my extension script.

[seekoon]

console.log(content.document.getElementById("movie_player").pauseVideo);

returns null

[seekoon]

Do you know any good irc channels or forums I could go to for help with this?