[whatwg] Dynamic pseudo-classes on video/audio element to allow styling of controls

Philip Jägenstedt philipj at opera.com
Sat Apr 23 13:57:27 PDT 2011


On Sat, 23 Apr 2011 21:32:06 +0200, Dimitri Glazkov  
<dglazkov at chromium.org> wrote:

> On Sat, Apr 23, 2011 at 11:37 AM, Philip Jägenstedt <philipj at opera.com>  
> wrote:
>> On Sat, 23 Apr 2011 17:02:56 +0200, Dimitri Glazkov  
>> <dglazkov at chromium.org>
>> wrote:
>>
>>> On Sat, Apr 23, 2011 at 2:57 AM, Philip Jägenstedt <philipj at opera.com>
>>> wrote:
>>>>
>>>> On Sat, 23 Apr 2011 05:25:20 +0200, Dimitri Glazkov
>>>> <dglazkov at chromium.org>
>>>> wrote:
>>>>
>>>>> I wonder if it makes sense to introduce a set of pseudo-classes on  
>>>>> the
>>>>> video/audio elements, each reflecting a state of the media on the
>>>>> controls (playing/paused/error/etc.)? Then, we could use just CSS to
>>>>> style media controls (whether native or custom), and not have to
>>>>> listen to DOM events just to tweak their appearance.
>>>>
>>>> With a sufficiently large set of pseudo-classes it might be possible  
>>>> to
>>>> do
>>>> *display* most of the interesting state, but how would you *change*  
>>>> the
>>>> state without using scripts? Play/pause, seek, volume, etc...
>>>
>>> This is not the goal of using pseudo-classes: they just provide you
>>> with a uniform way to react to changes.
>>
>> In other words, one would still have to rely heavily on scripts to  
>> actually
>> implement custom controls?
>
> Heavily is subjective. But yep :)
>
>>
>> Also, how would one style a progress bar using pseudo-classes? How  
>> about a
>> displaying elapsed/remaining time on the form MM:SS?
>
> I am not in any way trying to invent a magical way to style media
> controls entirely in CSS. Just trying to make the job of controls
> developers easier and use CSS where it's well... useful? :)

Very well, what specific set pseudo-classes do you think would be useful?

-- 
Philip Jägenstedt
Core Developer
Opera Software



More information about the whatwg mailing list