Bug Report – Splash Video Audio Plays But Video is Black on LG WebOS Browser

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:
```

:film_frames: 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.

The browser app on webOS TV 22 uses Chromium 87, the same web engine as the web app. So you can package your app as a hosted web app and test it using the webOS TV 22 Simulator. Please check the inspector in the simulator. Thank you.

Please share with us the following information about the non-working TV and the working TV:

  • TV model name: (You can check this in the Settings > General > About This TV menu.)
  • TV software version: (You can check this in the Settings > Support > Software Update > Software Version menu.)
  • webOS TV version: (You can check this in the About This TV > TV Information menu.)
  • Region:

TV model name: 55QNED81SQA
TV software version:04.53.81
webOS TV version: WEBOS22/7.5.2-1701

We need information about two TVs, 2022 and 2019. Thank you.

2022 - Non working:

TV model name: 55QNED81SQA
TV software version:04.53.81
webOS TV version: WEBOS22/7.5.2-1701

2019 - Working:

TV model name: 43LM6360PTB
TV software version:05.40.85
webOS TV version: 4.10.1-23 (goldilocks2-grampians)

Non working URL: https://images.news18.com/ibnlive/18app/splash.mp4

Any update regarding this issue?

We have reproduced the issue and are currently working to find the cause. Please wait for our reply. Thank you.