[html5] css for video player

[Eric Carlson]

On Feb 9, 2010, at 7:03 AM, Mike Ressler wrote:

> I did the same and had the same complaint about TimeRanges.  Everything was easy with the canvas object, I just wished I could get access to the buffered range.  The native browser controls had it, but developers can't duplicate that effect.
> 
> Anyone on this list have an idea when we could expect TimeRanges to be settled on in the spec?
> 
  WebKit has supported the 'buffered' property for more than two years: http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=27277#L899. The initial implementation could only return a single buffered range, but that was fixed six months ago: http://trac.webkit.org/browser/trunk/WebCore/html/HTMLMediaElement.cpp?rev=48267#L1479

  The Safari Reference Library has a good demo of a custom HTML5 <video> controller, http://developer.apple.com/safari/library/samplecode/HTML5VideoPlayer/. Description from the page is:

    This sample builds a video controller using CSS3 and HTML 5 — specifically, the 
    HTML 5 <video> element, the HTMLMediaElement DOM interface, and CSS3 
    Transitions and Transforms. JavaScript is used to pause, play, mute, control volume, 
    seek through content in real time, and monitor the amount of video data that has 
    been loaded. CSS3 is used to hide and show the playback controls.

    This sample illustrates several core media programming design patterns and general
    best practices for the Web. For instance, all aspects of presentation are handled 
    by CSS, scripts are free of assumptions about CSS metrics or appearance, CSS 
    classes reflect the UI state, and DOM events are used to trigger updates to playback 
    state in the user interface.

eric


> On Tue, Feb 9, 2010 at 8:12 AM, Andre "Osku" Schmidt <andre.osku.schmidt at osku.de> wrote:
> On Tue, 2010-02-09 at 10:22 -0200, Lauro Strazzabosco Dorneles wrote:
> > Hi all,
> >
> > can I control the visual video web player buttons, like play, pause,
> > stop, timeline, etc.... do you have any example where I could get
> > informed on all this stuff?
> 
> dunno if you can modify the looks of the browser "embedded" player, but
> i did do (months ago) my own controls in SVG+JS. it kinda worked, but i
> gave up as no browser implemented "buffered" (or was it "TimeRanges")...
> 
> http://www.w3.org/TR/html5/video.html#media-element
> http://www.whatwg.org/specs/web-apps/current-work/multipage/video.html#media-elements
> 
> maybe they are better implemented these days, i should test again...
> 
> cheers
> .andre
> 
> 
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org
> 
> _______________________________________________
> Help mailing list
> Help at lists.whatwg.org
> http://lists.whatwg.org/listinfo.cgi/help-whatwg.org

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.whatwg.org/pipermail/help-whatwg.org/attachments/20100209/48ee4db1/attachment-0003.htm>