Embedded Twitch player is way too clickable

[kristof...@gmail.com]

My users (and to be honest, me as well) are pretty annoyed at the new embedded Twitch player (ok, new as of like November/December, but still). The biggest issues with the player are the following:

1) It is way too easy to accidentally click on the player and be redirected to Twitch. If you miss the bottom bar or middle button when the player is paused even slightly, then it triggers an automatic redirect. Even worse is when you're full screen and then click back onto the window just to focus it - it still triggers a redirect. 

2) Not as bad, but the Twitch logo in the top right corner (only stays there for embedded streams), is way too opaque. It makes seeing the game time in League of Legends incredibly hard. 

I'm just wondering if others have the same opinion about these two things and to hear whether Twitch can do something about it or if there's something that I can do on my end to mitigate these annoyances. Thanks!

[kristof...@gmail.com]

Ok, I've resolved #1 on my end. Just added a confirmation box via the window.onbeforeunload method. Much more user friendly.

[Fire]

you can block the embed's access to scripting and it will pause the embed stream and open the page in a new tab / window instead of redirecting the whole page. Not the best, but better than losing the user entirely from your site.

    <param name="allowScriptAccess" value="sameDomain" />

I think you can also use html5 sandboxes on an iframe containing the embed if you want to go that route ( something like sandbox="allow-same-origin allow-scripts allow-forms" I think? )

[Francis Lavoie]

I completely agree, I've had the same problems. The ideal solution would be to make a link at the top of the embed and stop the rest of the area from being clickable. I'm taking the idea from the YouTube embeds.

[Bradford Law]

I agree. Having it fall back to HTML5 would also be great, if adobe isn't present.