Clicking on the twitch player navigates to twitch about website

[xtphty]

Here's something simple that should fix accidentally switching to twitch which most people are annoyed with I think. Only shows them the dialog if the event was caused by the twitch embed.

$(window).on('beforeunload', function(){ 
    if (event.target.activeElement && $(event.target.activeElement).hasClass("twitch-element")){
        return "You are being forwarded to the twitch.tv viewer.";
    } else { 
        // Do stuff here if needed
    }
});

[cene-co-za]

I've tried that approach. There are two "small" issues that arise.

1. Twitch stops the feed when you click (because it expects you to be navigated away) - the pause button doesn't go away.. and there is no way to start the stream.
2. There is a bug because the redirect happens in the player, the message is invoked twice.

You are welcome to try implement, and if you can get it working do a push request.

[xtphty]

I see, thats pretty lame. For restarting the stream, re-inserting the player into the parent seems to do the trick, bit hacky and has a 2-3 second delay before it starts playing again. I can't reproduce #2, it only asks me about the redirect once, and if I select "stay" then it stays.

Updated event snippet:

$(window).on('beforeunload', function(){ 
    var player = event.target.activeElement;
    if (player && $(player).hasClass("twitch-element")){
        var playerParent = player.parentElement;
        if (playerParent) {
            $(player).detach();
            $(playerParent).append(player);
            return "You are being forwarded to the twitch.tv viewer.";
        }
    } 
    // Handle non twitch redirect
    return;
});

[sztanpet]

nothing reasonable can be done