My OperaYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Fullscreen video is supported but the problem you described is known, valid problem at some devices. It should be fixed soon in one of the next firmware upgrades. We recommend for now to not use fullscreen video until it is fixed.
Originally posted by meteorites:
Hi,
Fullscreen video is supported but the problem you described is known, valid problem at some devices. It should be fixed soon in one of the next firmware upgrades. We recommend for now to not use fullscreen video until it is fixed.
So are there any way to solve this problem? If we try to fix the width and height of playing window, is it Ok? (we use 1920x1080, video display in fullscreen but not fix, it have 2 scrollbar at left and bottom of tv's screen). I use some video apps in Opera Store such as "Sunset screensaver", the video play in fullscreen. We added some code but it not effect.
if(typeof(window.screen.width) === "number" && window.screen.width !== 1280) {
var toRescale = [
video
];
for(var i = 0; i < toRescale.length; ++i) {
toRescale.style.width = window.screen.width + "px";
toRescale.style.height = window.screen.height + "px";
}
}
Your code in JavaScript could looks like this:
if(typeof(window.screen.width) === "number") {
videoElement.style.width = window.screen.width + "px";
videoElement.style.height = window.screen.height + "px";
}
In case you would have problems with visible scrollbars please use overflow: hidden in CSS for body element. Additionally you can set padding and margin to 0. Your CSS code should look like this:
body {
background: #000;
padding: 0;
margin:0;
width:100%; height:100%;
overflow:hidden;
}
I hope that helps.
Originally posted by meteorites:
Your code in JavaScript could looks like this:
if(typeof(window.screen.width) === "number") {
videoElement.style.width = window.screen.width + "px";
videoElement.style.height = window.screen.height + "px";
}
In case you would have problems with visible scrollbars please use overflow: hidden in CSS for body element. Additionally you can set padding and margin to 0. Your CSS code should look like this:
body {
background: #000;
padding: 0;
margin:0;
width:100%; height:100%;
overflow:hidden;
}
Thanks for your help. I used this way in our app but there are a problem. Although the video was displayed in fullscreen but is was not displayed as original source. It was crop a part of video's screen. For example: with 16:9 video, it was cropped about 1/8 on the top; with 4:3 video, it was crop 1/6 on the left. Have you ever seen this case?
with solution to ensure your content will fit into 1216×684px area since it shouldn't be cropped due to overscan.
Looks like devices with Opera TV Store received fix for this issue so this workaround shouldn't be necessary anymore. Please update firmware in your devices.
Originally posted by meteorites:
Hi,
Looks like devices with Opera TV Store received fix for this issue so this workaround shouldn't be necessary anymore. Please update firmware in your devices.
Hi meteorites,
Thanks for your support. I saw this change last week. I solved the problem with auto scale video in my app.
Forums » Dev.Opera » Opera TV Content Development Discussions