ui.video
Video player view.
Constructor
var video = webix.ui({
view:"video",
src:"film.mp4"
});
//or, in case of jQuery
$("#mydiv").webix_video({
...config options goes here..
});
Where to start
Methods
adjust | adjusts the component to the size of the parent HTML container |
bind | binds components |
define | redefines a single configuration property (or a hash of properties) |
destructor | destructs the calling object |
disable | disables the calling view (makes it dimmed and unclickable) |
enable | enables the calling view that was disabled by the 'disable' method |
getChildViews | returns child views of the calling component |
getFormView | returns master form for the input |
getNode | returns the main HTML container for the calling object |
getParentView | returns the parent view of the component |
getTopParentView | returns top parent view |
getVideo | gets html5 video object |
hide | hides the view |
isEnabled | checks whether the view is enabled |
isVisible | checks whether the view is visible |
resize | adjusts the view to a new size |
show | makes the component visible |
unbind | breaks "bind" link |
Events
onAfterScroll | occurs when some webix view has been scrolled |
onBindRequest | fires when the component is ready to receive data from the master component |
onDestruct | occurs when component destroyed |
onKeyPress | occurs when keyboard key is pressed for the control in focus |
onLongTouch | fires on holding finger in some position for a certain period of time |
onSwipeX | occurs on a horizontal swipe movement |
onSwipeY | occurs on a vertical swipe movement |
onTimedKeyPress | fires after typing has been finished in the field |
onTouchEnd | occurs when the touch event is ended |
onTouchMove | occurs during touch movement |
onTouchStart | when some webix view has been touched |
onViewResize | view size was changed by resizer |
Properties
animate | defines or disables view change animation. |
borderless | used to hide the component borders |
container | an html container (or its id) where the component needs initializing |
controls | enables video controls |
css | the name of a css class that will be applied to the view container |
disabled | indicates whether an item is enabled or not |
gravity | sets the view gravity (1 by default) |
height | sets the height of the component |
hidden | defines whether the view will be hidden initially |
id | the component ID |
maxHeight | sets the maximum height for the view |
maxWidth | sets the maximum width for the view |
minHeight | sets the minimal height for the view |
minWidth | sets the minimal width for the view |
src | path to video |
width | sets the width of the component |
Other
$getSize | returns the current size of the component |
$height | current height of the view |
$scope | scope for resolving event and method names |
$setSize | sets the component size |
$skin | method, which will be called when skin defined |
$view | reference to top html element of the view |
$width | current width of the view |
config | all options from initial component configuration |
name | indicates the name of the component (a read-only property) |
Back to top