Unable to play app trailers on Steam with no-large-media

[przemo20]

Prerequisites

• I verified that this is not a filter list issue. Report any issues with filter lists or broken website functionality in the uAssets issue tracker.
• This is NOT a YouTube, Facebook or Twitch report. These sites MUST be reported by clicking their respective links.
• This is not a support issue or a question. For support, questions, or help, visit /r/uBlockOrigin.
• I performed a cursory search of the issue tracker to avoid opening a duplicate issue.
• The issue is not present after disabling uBO in the browser.
• I checked the documentation to understand that the issue I am reporting is not normal behavior.

I tried to reproduce the issue when...

• uBO is the only extension.
• uBO uses default lists and settings.
• using a new, unmodified browser profile.

Description

With the no-large-media rule added for store.steampowered.com, the videos in the screenshot carousel on the Steam store app pages get blocked, and there's no way to unblock them (without removing the added no-large-media rule) – if you click on the video, then on the black box (to unlock it), nothing happens.

Screenshot

A specific URL where the issue occurs.

https://store.steampowered.com/app/238960/Path_of_Exile/

Steps to Reproduce

1. Open uBlock Origin Dashboard, switch to the “My rules” tab, add the following temporary rule:
   no-large-media: store.steampowered.com true, then click on the “Commit” button
2. Go to https://store.steampowered.com/app/238960/Path_of_Exile/
3. Wait for the page to load, then click on the black box (below the game name)

Expected behavior

The video (and the video player) should load when you click on it.

Actual behavior

See Description.

On Firefox, I see the following error in the browser console when trying to view the trailer – “DOMException: The media resource indicated by the src attribute or assigned media provider object was not suitable.” and on Chrome – “DOMException: Failed to load because no supported source was found.”

But if you – after the step 3 – select a screenshot from the screenshot carousel, then click on it [the black box] – the image loads fine.

uBO version

1.59.0

Browser name and version

Mozilla Firefox 128.0.3 (64-bit)

Operating System and version

Windows 10 Pro 22H2 (build 19045.4651)

[stephenhawk8054]

Those are large media links so no-large-media: * true is blocking them as expected?

I don't understand what you mean much.

[przemo20]

Yeah, blocking them works as intended, though there should still be a way to unblock/load them, just like you can unblock/load large images by clicking on their placeholders (without disabling no-large-media).

[stephenhawk8054]

Hmm... The images element can be wrapped by using website's <img> tag, hence able to have click events. Videos might be able to wrapped by using website's <video> tag.

A simpler example would be this: https://interactive-examples.mdn.mozilla.net/pages/tabbed/video.html

However, that won't help in steampowered.com case either. The media are lazyloaded and there's no media tags (img, video...) to be wrapped around