Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

A nicer HTML5 Video Playback Controls

6 views
Skip to first unread message

aceman

unread,
Jun 13, 2010, 5:23:31 PM6/13/10
to
I believe Firefox could have much nicer and modern default video
playback controls than what currently is.
A good example could be found here:
http://jilion.com/sublime/video
and another one here: http://videojs.com/
Anyway this are just my thoughts, hope the links will serve as a good
starting point for an inspiration :)

regards

Tiago Sá

unread,
Jun 13, 2010, 8:16:34 PM6/13/10
to

I don't see any difference, apart from appearance. As appearance can
be tweaked with CSS and javascript, for all I know.

Peter Lairo

unread,
Jun 14, 2010, 3:21:48 PM6/14/10
to
On Mon. 14.06.2010 2:16, Tiago Sá wrote:
> On Jun 13, 10:23 pm, aceman<acem...@gmail.com> wrote:
>> I believe Firefox could have much nicer and modern default video
>> playback controls than what currently is.
>> A good example could be found here:http://jilion.com/sublime/video
>> and another one here:http://videojs.com/
>> Anyway this are just my thoughts, hope the links will serve as a good
>> starting point for an inspiration :)
>
> I don't see any difference, apart from appearance. As appearance can
> be tweaked with CSS and javascript, for all I know.

The second link's UI (http://videojs.com/) has an always visible volume
control, which I think would be really good to have.
--
Regards,

Peter Lairo

Bugs I think are important:
https://bugzilla.mozilla.org/show_bug.cgi?id=250539
https://bugzilla.mozilla.org/show_bug.cgi?id=391057
https://bugzilla.mozilla.org/show_bug.cgi?id=436259
https://bugzilla.mozilla.org/show_bug.cgi?id=446444

Islam: http://www.jihadwatch.org/islam101/
Israel: http://www.jewishvirtuallibrary.org/jsource/myths2/
Church of the Flying Spaghetti Monster: http://www.venganza.org/
Anthropogenic Global Warming skepsis: http://tinyurl.com/AGW-Skepsis

Mike Beltzner

unread,
Jun 14, 2010, 11:50:04 PM6/14/10
to dev-us...@lists.mozilla.org
On 6/14/2010 3:21 PM, Peter Lairo wrote:
>> I don't see any difference, apart from appearance. As appearance can
>> be tweaked with CSS and javascript, for all I know.

Sure, but I think the request was for a different default appearance. I
agree that the samples given were somewhat sleeker UI, and the second
one had a volume control that was always visible (but wasn't easy to
quickly mute).

One thing these designs are missing is the scrubbing indicator that
shows the time; I like that about our current design.

Boriss: any opinions here?

cheers,
mike

Justin Dolske

unread,
Jun 15, 2010, 2:46:38 PM6/15/10
to
On 6/14/10 8:50 PM, Mike Beltzner wrote:

> Boriss: any opinions here?

I'm not Boriss, but I do believe we're overdue for some additional video
control work. Boriss and limi did some additional design work a few
months back, so I hope some interested folks will step forward to help
with the work.

Justin

Asa Dotzler

unread,
Jun 15, 2010, 3:01:44 PM6/15/10
to

With the growing popularity of third-party video controls shouldn't we
just rely on them to provide the better experience on top of our APIs?

We're still really early here, but I suspect few or no mainstream sites
are going to ship lots of video to users without custom controls and
casual sites will probably mostly all get libraries or wp-plugins or
whatever that do the controls for them.

Is it worth us investing more here in our controls when there are a lot
more of them out there to invest in third-party controls?

- A

Alexander Limi

unread,
Jun 15, 2010, 5:06:55 PM6/15/10
to Asa Dotzler, dev-us...@lists.mozilla.org
On Tue, Jun 15, 2010 at 12:01 PM, Asa Dotzler <a...@mozilla.com> wrote:

> Is it worth us investing more here in our controls when there are a lot
> more of them out there to invest in third-party controls?
>

I'd say it is. Having a good default is important, just like how not having
a good default set of controls for contentEditable has hurt the web. You
shouldn't *have* to use our controls, but if you just want to plop a <video>
element in your code, you shouldn't feel like you have to add a JS library
for it to be usable.

--
Alexander Limi · Firefox User Experience Team · http://limi.net

Asa Dotzler

unread,
Jun 15, 2010, 5:28:20 PM6/15/10
to
On 6/15/2010 2:06 PM, Alexander Limi wrote:
> On Tue, Jun 15, 2010 at 12:01 PM, Asa Dotzler<a...@mozilla.com> wrote:
>
>> Is it worth us investing more here in our controls when there are a lot
>> more of them out there to invest in third-party controls?
>>
>
> I'd say it is. Having a good default is important, just like how not having
> a good default set of controls for contentEditable has hurt the web. You
> shouldn't *have* to use our controls, but if you just want to plop a<video>
> element in your code, you shouldn't feel like you have to add a JS library
> for it to be usable.
>

I agree that having a good default is important. Having a great default
or having the best default seem not as important to me. I think what we
have is a fine default. The only place I ever see it though is when I
open a video URL "stand-alone" or when I'm looking at the horrible
production I've made of Air Mozilla.

What does our default control lack? If it's missing features that are
available in the API, I think we should consider adding those. If it's
just look and feel, then I think we're "good enough" today (unless we
decide we want it to be more Firefox-styled and less neutral).

- A

Alex Faaborg

unread,
Jun 15, 2010, 7:48:14 PM6/15/10
to Asa Dotzler, dev-us...@lists.mozilla.org
>
> What does our default control lack?
>

I'm curious on this as well.

If it's just look and feel, then I think we're "good enough" today (unless
> we decide we want it to be more Firefox-styled and less neutral).
>

The current neutral and minimalist style that Boriss created is extremely
intentional. Since this is going to appear in the context of a massive
range of different web sites, we are trying really hard not to force any
particular type of aesthetic that is going to clash with the surroundings.
We follow this approach with all of our embedded in content UI, for instance
the image loading and image broken icons are very light grey wire frames
instead of having a particular design aesthetic. Same goes for crashed
plugins, etc.

-Alex

> _______________________________________________
> dev-usability mailing list
> dev-us...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/dev-usability
>

Rob Campbell

unread,
Jun 15, 2010, 7:50:28 PM6/15/10
to Alex Faaborg, Asa Dotzler, dev-us...@lists.mozilla.org
One thing I'd love to have is my volume setting remembered between sessions. Otherwise, the controls are adequate for me.

On 2010-06-15, at 8:48 PM, Alex Faaborg <faa...@mozilla.com> wrote:

>>
>> What does our default control lack?
>>
>

> I'm curious on this as well.
>

> If it's just look and feel, then I think we're "good enough" today (unless
>> we decide we want it to be more Firefox-styled and less neutral).
>>
>

> The current neutral and minimalist style that Boriss created is extremely
> intentional. Since this is going to appear in the context of a massive
> range of different web sites, we are trying really hard not to force any
> particular type of aesthetic that is going to clash with the surroundings.
> We follow this approach with all of our embedded in content UI, for instance
> the image loading and image broken icons are very light grey wire frames
> instead of having a particular design aesthetic. Same goes for crashed
> plugins, etc.
>
> -Alex
>
>
>

Zack

unread,
Jun 16, 2010, 11:35:41 PM6/16/10
to
While I don't care for VBS's controls, their frame scrubbing is
wonderful www.vbs.tv (I have ssen this elsewhere as well, with
subtitles...)

There is a lot of research on ACM about choosing keyframes. I have an
account if anyone wants me to, uhh, "download something for them."

-Zaq


On Jun 15, 4:50 pm, Rob Campbell <rcampb...@mozilla.com> wrote:
> One thing I'd love to have is my volume setting remembered between sessions. Otherwise, the controls are adequate for me.
>

> >> dev-usabil...@lists.mozilla.org


> >>https://lists.mozilla.org/listinfo/dev-usability
>
> > _______________________________________________
> > dev-usability mailing list

> > dev-usabil...@lists.mozilla.org
> >https://lists.mozilla.org/listinfo/dev-usability

Alex Faaborg

unread,
Jun 17, 2010, 2:21:46 PM6/17/10
to Zack, dev-us...@lists.mozilla.org
Great ideas, persisting volume and frame scrubbing are definitely the kind
of subtle interactive things that we would want to get perfect.

The VBS frame scrubbing is interesting, I like that you can actually see
what's ahead and behind. I think I initially had a negative reaction to it
because it is used by both Netflix and Zune in cases of streaming, and there
there is usually really a lot of lag. So the interface becomes more of a
crutch in those cases than a new powerful way to do scrubbing.

-Alex

Zack

unread,
Jul 10, 2010, 3:34:38 PM7/10/10
to
After doing some best of breed analysis of current solutions and value
mapping each UI element, I came up with some mock ups. It might need
some usability testing and it definitely needs an accessibility
review.

http://indolering.com/usability/movie-player-mockup/

-Zach Lym


On Jun 17, 11:21 am, Alex Faaborg <faab...@mozilla.com> wrote:
> Great ideas, persisting volume and frame scrubbing are definitely the kind
> of subtle interactive things that we would want to get perfect.
>
> The VBS frame scrubbing is interesting, I like that you can actually see
> what's ahead and behind.  I think I initially had a negative reaction to it
> because it is used by both Netflix and Zune in cases of streaming, and there
> there is usually really a lot of lag.  So the interface becomes more of a
> crutch in those cases than a new powerful way to do scrubbing.
>
> -Alex
>

> On Wed, Jun 16, 2010 at 8:35 PM, Zack <indoler...@gmail.com> wrote:
> > While I don't care for VBS's controls, their frame scrubbing is

> > wonderfulwww.vbs.tv(I have ssen this elsewhere as well, with

> > dev-usabil...@lists.mozilla.org
> >https://lists.mozilla.org/listinfo/dev-usability

Alexander Limi

unread,
Jul 12, 2010, 1:45:01 PM7/12/10
to Zack, dev-us...@lists.mozilla.org
Nice work. I especially like the internally consistent balance and
unintrusive look of the various elements.

--
Alexander Limi · Firefox User Experience Team · http://limi.net

Mike Beltzner

unread,
Jul 12, 2010, 1:56:51 PM7/12/10
to Alexander Limi, dev-us...@lists.mozilla.org, Zack
Yeah, that's really great. Do we have a bug on file to track the work here? I think that's this is a nice improvement over the default controls, and we can find someone with some CSS skills who can help us get it implemented, we should try to do so!

cheers,
mike

On 2010-07-12, at 10:45 AM, Alexander Limi wrote:

> Nice work. I especially like the internally consistent balance and
> unintrusive look of the various elements.
>

> --
> Alexander Limi · Firefox User Experience Team · http://limi.net
>
>
>

> On Sat, Jul 10, 2010 at 12:34 PM, Zack <indol...@gmail.com> wrote:
>

>> _______________________________________________
>> dev-usability mailing list
>> dev-us...@lists.mozilla.org

>> https://lists.mozilla.org/listinfo/dev-usability
>>
> _______________________________________________
> dev-usability mailing list

> dev-us...@lists.mozilla.org
> https://lists.mozilla.org/listinfo/dev-usability

Zack

unread,
Jul 13, 2010, 3:16:24 PM7/13/10
to
On Jul 12, 10:56 am, Mike Beltzner <beltz...@mozilla.com> wrote:
> Yeah, that's really great. Do we have a bug on file to track the work here?

I don't think so, get I will get on it.

>I think that's this is a nice improvement over the default controls, and we can find someone with some CSS >skills who can help us get it implemented, we should try to do so!

That would be awesome!

Is there someone from the accessibility department at Moz that could
take a look at this? I want to know the minimum contrasts for 90%+ of
the population and ensure that we get some sort of high contrast
setting for the other 10%...

-Zak Lym


>
> cheers,
> mike
>
> On 2010-07-12, at 10:45 AM, Alexander Limi wrote:
>
> > Nice work. I especially like the internally consistent balance and
> > unintrusive look of the various elements.
>
> > --
> > Alexander Limi · Firefox User Experience Team ·http://limi.net
>

> > On Sat, Jul 10, 2010 at 12:34 PM, Zack <indoler...@gmail.com> wrote:
>
> >> After doing some best of breed analysis of current solutions and value
> >> mapping each UI element, I came up with some mock ups.  It might need
> >> some usability testing and it definitely needs an accessibility
> >> review.
>
> >>http://indolering.com/usability/movie-player-mockup/
>
> >> -Zach Lym
> >> On Jun 17, 11:21 am, Alex Faaborg <faab...@mozilla.com> wrote:
> >>> Great ideas, persisting volume and frame scrubbing are definitely the
> >> kind
> >>> of subtle interactive things that we would want to get perfect.
>
> >>> The VBS frame scrubbing is interesting, I like that you can actually see
> >>> what's ahead and behind.  I think I initially had a negative reaction to
> >> it
> >>> because it is used by both Netflix and Zune in cases of streaming, and
> >> there
> >>> there is usually really a lot of lag.  So the interface becomes more of a
> >>> crutch in those cases than a new powerful way to do scrubbing.
>
> >>> -Alex
>
> >>> On Wed, Jun 16, 2010 at 8:35 PM, Zack <indoler...@gmail.com> wrote:
> >>>> While I don't care for VBS's controls, their frame scrubbing is

> >>>> wonderfulwww.vbs.tv(Ihave ssen this elsewhere as well, with

0 new messages