html - Making a video in an iframe fill browser on mobile device -

Hello I have created a very simple page which plays a video I have hosted by Wistia. This is working great and I have to fill the browser window. Although I was wondering if anyone could show me how to fill the browser on a mobile device, even if it is filled in proportionately and only part of the video is displayed. I have no objection because it acts as a background.

Thank you in advance

CSS

   in the top section < Script src = "// fast.wistia.net/assets/external/E-v1.js"></script> & Lt; Style type = "text / css" & gt; Body, html {margin: 0; Padding: 0; Height: 100%; Hidden flurry; } # Content {status: absolute; Left: 0; Correct: 0; Bottom: 0; Top: 0 pixels; Top: -15px; } & Lt; / Style & gt;  

HTML in the body section

  & lt; Div id = "content" & gt; & Lt; Iframe src = "// fast.wistia.net/embed/iframe/qnca9gdlv5?videoFoam=true" allowtransparency = "true" frameborder = "0" scroll = "no" class = "wistia_embed" name = "wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen Oallowfullscreen msallowfullscreen width = "640" height = "388" & gt; & Lt; / Iframe & gt; & Lt; / Div & gt;  

Have you tried to add the CSS ID "content" to a minimum height?

#content {min-height: 1920px; Minute-width: 1108 px}

This way the video size should be extended to the full dimension of the mobile device. I know that it works.