I have created a Custom Receiver (CR) for my Chromecast (CC) application and I am facing an issue with making the iFrame 100% in height.
Even though I have set the width to 100%, the height appears to only be about one-third of the screen despite defining it as 100%.
Does anyone have any suggestions on how to achieve a full-height iFrame?
Here is the code snippet:
HTML:
<iframe id="container" frameborder="0" scrolling="no" seamless="seamless"></iframe>
CSS:
#container {
border: none;
margin: 0;
padding: 0;
height: 100%;
width: 100%;
}