Description:
Dear LG Developer Support,
I’m reporting a video playback issue affecting multiple LG Smart TVs when accessing a web application via the built-in browser.
Environment Details:
- App Framework: React (Webpack-based)
- Hosting: VM instance (Ubuntu)
- Video Usage: Embedded splash screen on app launch
- Video Element Setup:
Video Encoding Details:
- Format: MP4 (H.264 Baseline, Level 3.0)
- Resolution: 1280x720
- Pixel Format: yuv420p
- Audio Codec: AAC (LC), 48kHz stereo
- Moov Atom: At beginning of file (
-movflags +faststart
used) - File hosted statically from
public/
and accessible via direct URL (/splash_small.mp4
) - MIME Headers:
Content-Type: video/mp4
,Accept-Ranges: bytes
Working On:
- Chrome, Firefox, Safari (Desktop)
- Chrome (Android)
- Samsung Smart TV browser (2019 UHD)
- LG Smart TV browser (2019 UHD)
Failing On:
- LG 2022 UHD Smart TVs
- LG HD models (2022)
- Behavior: Audio plays, but video remains black
- No playback errors or console logs appear
What’s Confirmed:
- Video is encoded correctly
- Autoplay policies are respected (video muted, playsInline)
- No CORS or network errors
- File is not bundled through JS; served raw from root
Request:
Is there a firmware limitation, decoding bug, or required workaround for the WebOS browser (2022 models) that causes this issue?
If possible, could you confirm:
- H.264 Baseline Level 3.0 + yuv420p + AAC LC 1280x720 is supported on these TVs?
- Any known issues with autoplay or canvas compositing in LG browser?
We appreciate your support in resolving this compatibility issue for LG Smart TVs.
Best regards,
Elam Parithi U.