twitch.tv player issue, no video, question mark icon, workaround

[Deadgye]

Made this thread to separate the issue & workaround from the unrelated youtube DRM issue thread.

Starting sometime in the past week or two, attempting to watch streams or videos on twitch.tv results in a missing player and no video. Audio, chat, everything else appears normal. Videos in PIP players or the embedded player still work, seemingly circumventing this issue.
This appears to be due to twitch's site relying on the ":has() CSS pseudo-class", which Pale Moon does not support yet.

Current confirmed workaround is to use the following CSS / userstyle.

It does indeed seem to be :has at issue for twitch; here's a userstyle workaround.

Code: Select all

@-moz-document domain("www.twitch.tv") {
  .persistent-player {
    width: 100%
  }
}

You can put it in UserContent.css in your profile's chrome subfolder, and restart the browser to pick it up.

Adding it via the Stylem add-on also works.

[suzyne]

You can put it in UserContent.css in your profile's chrome subfolder, and restart the browser to pick it up.

Adding it via the Stylem add-on also works.

Appreciate the tips. When I see code like that in a post, my first thought is, where does it go? (Yes, I probably should know by now!)

[Deadgye]

Either I spoke too soon about the above fix being fully functional, or I'm getting unlucky with twitch network shenanigans that also causes the pause functionality to bug out. Another workaround worth mentioning is to force the embedded player.
VOD: https://player.twitch.tv/?parent=www.tw ... NUMBERHERE
Stream: https://player.twitch.tv/?parent=www.tw ... ELNAMEHERE