Bug 259588 – inert embedded video still responds to play/pause key

• Component: New Bugs
• Status: NEW

Created attachment 467144 [details]
Demo

To reproduce the problem, follow these steps:

(1) Open the attached HTML file
(2) Start playing the embedded YouTube video
(3) Click the "Inert" checkbox to make the embedded YouTube video's iframe inert
(4) Press the play/pause key on the keyboard

The expected result is that the video should continue playing due to the inert attribute being present on the iframe. The actual result is that the video pauses.

[Eric Carlson]

(In reply to ataylor32 from comment #0)
> 
> The expected result is that the video should continue playing due to the
> inert attribute being present on the iframe. The actual result is that the
> video pauses.

Why would we want to make it impossible for a user to pause playback?

Would it be better to automatically pause when an iframe becomes inert?

My use case is I have a <dialog> that I want to be able to be dismissed, but not remove the content of it because the user may reopen it. I have it set up so that when the <dialog> is dismissed, the video within it automatically pauses. But if the user presses the play/pause key on their keyboard, the video starts playing again. I added the inert attribute to prevent this, but that didn't solve the problem.

[Radar WebKit Bug Importer]

<rdar://problem/113374549>

[Tim Nguyen (:ntim)]

I think bug 237273 should fix the bug you're seeing by blurring the inert area automatically.

Can you test in Safari Technology Preview and see if this still reproduces?

https://developer.apple.com/safari/technology-preview/

I tested on macOS 13.5 using Safari Technology Preview Release 175 (Safari 17.0, WebKit 18617.1.1.2) and the bug is still present.