Video Player: large controls

Valles, Heidi hvalles at ocadu.ca
Mon Nov 12 13:48:52 EST 2012


hi Jess and all,

We're looking for a design solution to address when video player controls are made big via UI Options. When the video is small and text-size is set to be biggest, the controls no longer fit across one line, but split into two lines (see attached screen shot #1).

Also, when line-height is increased, the controls, volume slider, and time information are offset within their containers (see screen shot #2).

There are a few things we could do:

-Implement a default video size that would support our one-line control layout, and therefore always look good "out of the box", regardless of the media's actual size. Might affect resolution/expectations, but could be over-ridden by integrators - if they force it to be too small, then they're responsible for styling it properly.

-Tweak the current styles to look better when the video is small and controls are large ("look better" possibly meaning the control background would extend to include the multiple lines of controls, tweak tooltip position, prevent line-spacing from affecting controls?)

-Prevent the control bar from wrapping, meaning it would possibly extend outside the width of the video player.

-Something else?

Thoughts welcome!

best,
heidi

[cid:C9FCA60A-F784-4B4E-B225-0613406906F5 at gateway.2wire.net][cid:32C76FB9-275D-4927-B649-813C794D53B7 at gateway.2wire.net]
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20121112/ccf12cc0/attachment.html>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: screen shot 1.png
Type: image/png
Size: 36675 bytes
Desc: screen shot 1.png
URL: <http://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20121112/ccf12cc0/attachment.png>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: screen shot 2.png
Type: image/png
Size: 59935 bytes
Desc: screen shot 2.png
URL: <http://lists.idrc.ocad.ca/pipermail/fluid-work/attachments/20121112/ccf12cc0/attachment-0001.png>


More information about the fluid-work mailing list