I have a form that is iframed into a web page. Upon completion of the form, a YouTube video is displayed from using iframe embed.
When I enter full screen mode of th
Putting allowfullscreen inside iframe tag without setting it to true is already deprecated. The updated answer for this issue which is fullscreen is not available with embedded YouTube videos is to set allowfullscreen to true inside tag:
<iframe
id="player"
src="URL here"
allowfullscreen="true">
</iframe>
Tested and working for all browsers without issues.
Noticed mine worked on chrome. Got it to work in Firefox
by going to <about:config>
and setting full-screen-api.allow-trusted-requests-only
to false
.
After full screen worked once, I could set that back to true, and full screen still worked which was quite perplexing.