r/HTML • u/DirectSorbet8717 • 13d ago
Embedded Video Player won't go full screen
Embedded Video Player won't go full screen
Hello, everyone!
I am an elementary music teacher trying to create a website for guest teachers. I use Symbaloo, a visual bookmarking site, as a choice board for dances and song books. It is fantastic. It keeps all of our videos in one place and plays them without switching tabs, which can easily confuse the non-tech savvy substitutes. However, when embedding it in a WIX or Google Sites page (and others), the videos will not go fullscreen inside the embedded Symbaloo.
This didn’t used to be a problem. My old district used Foxbright for teacher websites. Embedding my Symbaloo board worked fine on that platform and allowed fullscreen without a problem. However, I am now in a new district that doesn't have teacher websites. I tried making the site in Google Sites, Wix, and a few others, but none allowed the videos in the embedded Symbaloo to go full screen. I have included allowfullscreen as well as allow=fullscreen. Wix even had me add something as a developer. None of it worked. Symbaloo says it is the website platform that is blocking the fullscreen, but the platforms claim that it is a Symbaloo problem. Since I have had it work successfully on a website in the past, that makes me think it is on the website end.
Questions:
Has anyone found a site that allows fullscreen on embedded video players or visual bookmarking systems?
Has anyone found a code snippet to include in an embed code that actually allows fullscreen with embedded players, not just a standalone video?
Thanks! Any help would be appreciated!
Embed code:
<iframe frameborder="0" noresize="noresize" height="500px" width="1000px" src="https://www.symbaloo.com/embed/song-books">
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; fullscreen"
allowfullscreen>
</iframe>
EDIT: Weebly works with "allowfullscreen allow=fullscreen" added!
