<html>
<head>
<base href="https://bugs.webkit.org/" />
</head>
<body>
<p>
<div>
<b><a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED INVALID - REGRESSION (STP 4): Unable to target pseudo element webkit-media-controls"
href="https://bugs.webkit.org/show_bug.cgi?id=157635#c10">Comment # 10</a>
on <a class="bz_bug_link
bz_status_RESOLVED bz_closed"
title="RESOLVED INVALID - REGRESSION (STP 4): Unable to target pseudo element webkit-media-controls"
href="https://bugs.webkit.org/show_bug.cgi?id=157635">bug 157635</a>
from <span class="vcard"><a class="email" href="mailto:hartman.wiki@gmail.com" title="Derk-Jan Hartman <hartman.wiki@gmail.com>"> <span class="fn">Derk-Jan Hartman</span></a>
</span></b>
<pre>(In reply to <a href="show_bug.cgi?id=157635#c9">comment #9</a>)
<span class="quote">> (In reply to <a href="show_bug.cgi?id=157635#c8">comment #8</a>)
> I think you have some other, better supported techniques available for this
> scenario. Your in-page CSS could hide (visibility:hidden) the video element
> entirely (or cover it with a poster <img>, and only un-hide it once your
> script clears the 'controls' attribute. The <video> poster image attribute
> takes time to download, decode, and paint, so this wouldn't introduce any
> additional flash that wasn't there already.</span >
I just want a style based way to say: "don't show controls", which apparently won't be possible anymore. I'm also not concerned about a FOUC or reflow, i'm specifically concerned about 50 video frames showing a controlbar on mobile device in nigeria that takes 70 seconds to load the entire page. Which would result in one video after the other then loads the JS player. I want to eliminate that temporary moment of controls, after which the user has to reset his expectations with a new set of controls. And I need to keep my DOM clean of non-semantic <img> elements.
I guess the only other alternative that might get me what i want is to use a top loading synchronous JS fragment, but i don't think our performance team will like that. ..
I know, our requirements are somewhat crazy :)</pre>
</div>
</p>
<hr>
<span>You are receiving this mail because:</span>
<ul>
<li>You are the assignee for the bug.</li>
</ul>
</body>
</html>