Class zebkit.ui.web.VideoPan
extends <zebkit.ui.Panel>
<zebkit.ui.web>

Simple video panel that can be used to play a video:

  // create canvas, add video panel to the center and
  // play video
  var canvas = zebkit.ui.zCanvas(500,500).root.properties({
      layout: new zebkit.layout.BorderLayout(),
      center: new zebkit.ui.web.VideoPan("trailer.mpg")
  });
Constructor:
zebkit.ui.web.VideoPan (url)

Parameters:
  • url <String>

    an URL to a video




public void adjustProportions (b)
public void autoplay (b)
public <Boolean> isEnded ( )
public <Boolean> isPaused ( )
public void mute (b)
public void pause ( )
public void play ( )


Inherited methods:
$setConstraints(c)    add(constr, d)    byConstraints([p], c)    byPath(path, [cb])    calcPreferredSize(target)    doLayout( )    fire(event, [path], [params])    focused( )    getBottom( )    getCanvas( )    getComponentAt(x, y)    getHorPadding( )    getLeft( )    getPreferredSize( )    getRight( )    getTop( )    getVerPadding( )    hasFocus( )    indexOf(c)    insert(i, constr, d)    invalidate( )    invalidateLayout( )    kidAdded(index, constr, l)    kidRemoved(i, l)    laidout( )    load(JSON)    off([eventName], [path], [cb])    on([eventName], [path], cb)    paintComponent(g)    paintViewAt(g, ax, ay, v)    properties([path], props)    property([path], name, value)    recalc( )    relocated(px, py)    remove(c)    removeAll( )    removeAt(i)    removeByConstraints(ctr)    removeMe([after])    repaint([x], [y], [w], [h])    requestFocus( )    requestFocusIn([timeout])    resized(pw, ph)    setAt(i, d)    setBackground(v)    setBorder([v])    setBottomPadding(bottom)    setBounds(x, y, w, h)    setByConstraints(constr, c)    setConstraints(ctr)    setEnabled(b)    setId(id)    setKids(a)    setLayout(m)    setLeftPadding(left)    setLocation(xx, yy)    setPadding(v)    setParent(o)    setPreferredSize(w, h)    setProperties([path], props)    setRightPadding(right)    setSize(w, h)    setTopPadding(top)    setVisible(b)    toBack( )    toFront( )    toPreferredHeight( )    toPreferredSize( )    toPreferredWidth( )    toView(target)    validate( )    validateMetric( )    vrp( )   


public chainable adjustProportions (b)

Adjust video proportion to fill maximal space with correct ratio


Parameters:
  • b <Boolean>

    true if the video proportion has to be adjusted

public chainable autoplay (b)

Set autoplay for video


Parameters:
public <Boolean> isEnded ( )

Check if the video is ended


Returns: <Boolean>

true if the video has been ended

public <Boolean> isPaused ( )

Check if the video is paused


Returns: <Boolean>

true if the video has been paused

public chainable mute (b)

Mute sound


Parameters:
  • b <Boolean>

    true to mute the video sound

public chainable pause ( )

Pause video

public chainable play ( )

Start or continue playing video



Inherited attributes:
public zebkit.draw.View bg    public zebkit.draw.View border    public Boolean canHaveFocus    public Object constraints    public Integer height    public Boolean isEnabled    public Boolean isValid    public Boolean isVisible    public Array kids    public zebkit.layout.Layout layout    public zebkit.layout.Layoutable parent    public Integer width    public Integer x    public Integer y   



public <Video> video

Original video DOM element that is created to play video