Thanks Barry for taking the time to respond,
Firstly I note you are using a different path to the JS file. If I use the same path then this version seems to work in getting the ONLINE event. (they are both v1.js). Working is:
<script src= "https://embed.twitch.tv/embed/v1.js"></script>
I have used you code in its entirety, just replacing your test stream with my stream. This is the output of your LOG DIV using my stream:
1638206156735: Captured pause
1638206154793: Captured playing
1638206154792: Captured play
1638206122172: Captured pause
1638206094182: Captured playing
1638206094182: Captured play
1638206093196: Captured online
1638206070986: Captured offline
1638206070985: Captured ready
Starting from the bottom (oldest event) you can see it all looks good, OFFLINE, (start streaming) ONLINE etc, etc. but when I STOP the stream it just HANGS at the PAUSE EVENT and DOES NOT trigger an OFFLINE EVENT.
So looks like I can now get the stream to start in my embedded page but it just hangs now at the end because there is no OFFLINE event triggered.
So there still is an issue, any ideas, I’m sure if you try it you will see the same.
Best Nathan