<html>
    <head>
      <base href="https://bugs.webkit.org/" />
    </head>
    <body>
      <p>
        <div>
            <b><a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - REGRESSION (STP 4): Unable to target pseudo element webkit-media-controls"
   href="https://bugs.webkit.org/show_bug.cgi?id=157635#c4">Comment # 4</a>
              on <a class="bz_bug_link 
          bz_status_NEW "
   title="NEW - 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:jer.noble&#64;apple.com" title="Jer Noble &lt;jer.noble&#64;apple.com&gt;"> <span class="fn">Jer Noble</span></a>
</span></b>
        <pre>(In reply to <a href="show_bug.cgi?id=157635#c0">comment #0</a>)
<span class="quote">&gt; Testcase: <a href="https://jsfiddle.net/TheDJ/7q3tt6rw/1/">https://jsfiddle.net/TheDJ/7q3tt6rw/1/</a>
&gt; 
&gt; With current Safari, the CSS here works. On STP 4.0 the controls remain
&gt; visible.</span >

Sorry, I didn't read this description carefully enough the first time through:

<span class="quote">&gt; In case anyone asks why not just remove the 'controls' attribute. I want to
&gt; have the controls load if someone has JS disabled, </span >

They will. We always provide the default controls if JS is disabled.

<span class="quote">&gt; and I want to avoid the
&gt; visual flash of late loading my JS based video player. So until my JS player
&gt; is fully loaded, there is a rule that if JS is running, hide my controls
&gt; while the player loads, to prevent confusing for the user.</span >

I think you can do this just by removing the 'controls' attribute.</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>