Bug 266235

Created attachment 468979 [details] Video player with tiny controls When our player sends the iframe fullscreen, we see that the viewport is scaled very small. The parent page has a <meta name="viewport"...>, but these attributes of the parent aren't applying to the iframe. The controls of the player are therefore tiny when in fullscreen. The parent document has: <meta name="viewport" content="width=device-width, initial-scale=1.0"> iPhone 13 / iOS 17.2 With the Fullscreen API feature flag turned on: 1. Visit http://cookbook.tools.bbc.co.uk/news?player=smphtml5 and play. 2. In portrait, go fullscreen. 3. See the controls of the video player are scaled really tiny. We can fix this problem by duplicating the meta tag and adding it to the iframe's document's <head>, and this will fix the scaling. However we haven't needed to do this for any other fullscreen API implementation so I think (and correct me if I'm wrong) that the iframe should instead be taking these viewport attributes from its parent. Extra: 4. Add a meta tag to the iframe by running in the console: > $('#smphtml5iframemp')[0].contentWindow.document.head.appendChild($('<meta name="viewport" content="width=device-width, initial-scale=1.0">')[0])