If I embed a video in a webpage using iframe and allowfullscreen, I'm able to see this video on the Web in full screen. But if I stream a video onto a prim using the same webpage, the allowfullscreen option does not work, although all the other controls for the video work. I wonder if there is a way to solve this.
Here two examples, using embedding codes provided by Vimeo and YouTube:
________________________________________
http://kellylauryn.wuaze.com/vimeo.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<meta name="viewport" content="width=device-width"/>
<title>Testing iframe & allowfullscreen with Vimeo</title>
</head>
<body>
<p><font face="Arial,Helvetica" size="4"><strong>Testing iframe & allowfullscreen with Vimeo</strong></font></p>
<iframe src="https://player.vimeo.com/video/905277654?h=c8d22f8492" width="640" height="480" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
<p><a href="https://vimeo.com/905277654">To the Dusty Sea</a> from <a href="https://vimeo.com/heloiseferlay">Héloïse Ferlay</a> on <a href="https://vimeo.com">Vimeo</a>.</p>
</body>
</html>
________________________________________
http://kellylauryn.wuaze.com/youtube.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<meta name="viewport" content="width=device-width"/>
<title>Testing iframe & allowfullscreen with YouTube</title>
</head>
<body>
<p><font face="Arial,Helvetica" size="4"><strong>Testing iframe & allowfullscreen with YouTube</strong></font></p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/JRWox-i6aAk?si=bCDyHkUqq7NEWl7e" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</body>
</html>