Hi…
we have an issue with video not playing in fullscreen, black bars are appearing in left and right. I have tried all the solution including object-fit:fill, it’s working in browser laptop but not working in TV.
Any help appreciated.
Please refer to this FAQ. Thank you.
Hi… thanks for the reply,
the solution is working fine but only in 32 and 42 inch’s tv.
It’s not working in above 55 inch’s TV,
Is there anything we need to style based on inch’s ??
help appreciated…!
thank you…
It has nothing to do with webOS TV size. If your TV is a UHD model, please set the resolution property in the appinfo.json to 1920x1080 and set width: 1920px; height: 1080px; in your app container. And if it is a FHD model, please set 1280x720 and set width: 1280px; height: 720px;. You can find more information in Supported App Resolution. Thank you.
yes, I tried this but there’s no change. The video is still not playing in full screen. If I give object fit cover, there’s a cut-off in top and bottom.
Is there any other solution I can try ?
Thanks for the help…!
Please share a screenshot and your source code for HTML and CSS. Thank you.
Hi…
please find the attached screenshot of the TV, there’s no css. It is just normal javascript file integrated with shaka player.
please let me know, if you need more input…
thank you…!
Please share a sample app .ipk file that we can reproduce the issue and check the source code at developer@lge.com. Thank you.
Hi…
we have shared the sample player .ipk file from testlead@bheem.tv mail id.
requesting you to please check and let us know the update.
Thank you…!
Hi,
is there any update on the .ipk file we had provided ?
Thank you for sharing the information and sorry for the late reply. This is because the aspect ratio of TV and video are different. 4:3 content is pillarboxed in 16:9, and there are currently no API is provided to adjust this. For your information, the CSS object-fit property is not supported with the video tag in webOS TV apps. Thank you.