Help enabling Full Screen button on embedded (iframe) stream


#1

I’m having an issue getting a stream to go full screen on my site. I’m hosting a private page at sclisi.com/db and the embedded Twitch frame has the Full Screen button disabled. I’ve tried adding allowfullscreen to the iframe item but I can’t get the button to enable. The old Twitch player worked fine (last used a year ago) and allowed for full screen, but this new player doesn’t. Can someone take a look at the page, and does anyone have any ideas?

Also, the page is designed as a dashboard for Desert Bus for Hope. If you’re not familiar, it’s an incredible charity event and you should check it out!


#2

Try taking the embed out of a frame element. If you load the drivercam.html file directly, the fullscreen button is enabled. The frame element is obsoleted in HTML5.


#3

Thanks! I use the frames so my users can resize the different sections for their different display and browser sizes. Is there an alternative to frames that’s easy to set up and will give me the same functionality? I don’t need a walkthrough, but this stuff is new to me and I could use a push in the right direction. Thanks again.


#4

The easiest way would be the CSS resize property. There are a few caveats to using it (especially regarding overflow), but it should work similarly. :slight_smile:


#5

That helps! I’m fairly new to CSS, I’ll see what I can come up with. Thanks.


#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.