Frequently Asked Questions

[Media] How can I set my app to play video in full screen?

Category: Technical FAQ

Playing video in full screen means that the area where the video is being played occupies 100% of the viewport, and at the time, the position should be set to 0,0.

Example for FHD TV models:

<video autoplay controls style="position: fixed; top: 0; left: 0; width: 1280px; height: 720px;"></video>

Example for UHD TV models:

<video autoplay controls style="position: fixed; top: 0; left: 0; width: 1920px; height: 1080px;"></video>

Avoid using CSS properties that have impact on determining the video-playing area, listed below, because it may result in launching Screensaver.

• Properties that create offset, such as border
• transform
• Properties that add transparency to elements, such as opacity, to make the elements completely transparent