Summary
Tag name: <hx:video>
UIComponent class: org.apache.myfaces.html5.component.media.Video
Tag class: org.apache.myfaces.html5.tag.media.VideoTag
Component type: org.apache.myfaces.html5.Video
Component family: org.apache.myfaces.Media
Renderer type: org.apache.myfaces.html5.Video
Renderer class: org.apache.myfaces.html5.renderkit.media.VideoRenderer
Component that represents HTML5 video element.
Attributes
| Name | Type | Supports EL? | Description |
|---|---|---|---|
| accesskey | String | Yes | HTML: Sets the access key for this element. |
| animationEnd | String | Yes | HTML : Script to run when the animation ends on Html element. |
| autoplay | boolean | Yes | If this property is set, media will start playing as soon as the page loads. |
| binding | org.apache.myfaces.html5.component.media.Video | Only EL | Identifies a backing bean property (of type UIComponent or appropriate subclass) to bind to this component instance. This value must be an EL expression. |
| converter | javax.faces.convert.Converter | Yes | An expression that specifies the Converter for this component.
The value can either be a static value (ID) or an EL expression. When a static id is specified, an instance of the converter type registered with that id is used. When this is an EL expression, the result of evaluating the expression must be an object that implements the Converter interface. |
| dir | String | Yes | HTML: The direction of text display, either 'ltr' (left-to-right) or 'rtl' (right-to-left). |
| draggable | boolean | Yes | HTML: Specifies whether the element is draggable. |
| height | String | Yes | Height of the video. Can be in pixels, or percent. |
| hidden | boolean | Yes | HTML: Whether the element is relevant. |
| id | String | Yes | Get a string which uniquely identifies this UIComponent within the scope of the nearest ancestor NamingContainer component. The id is not necessarily unique across all components in the current view. |
| lang | String | Yes | HTML: The base language of this document. |
| loop | boolean | Yes | If this property is set, media will seek back to start when it reaches the end. |
| onblur | String | Yes | HTML: Specifies a script to be invoked when the element loses focus. |
| onclick | String | Yes | HTML: Script to be invoked when the element is clicked. |
| ondblclick | String | Yes | HTML: Script to be invoked when the element is double-clicked. |
| ondrag | String | Yes | HTML: Handler for event that is fired when the element is dragged. |
| ondragend | String | Yes | HTML: Handler for event that is fired when the drag operation is ended. Successfully or not, this handler will run. |
| ondragenter | String | Yes | HTML: Handler for event that is fired when the element is dragged into a valid drop target. |
| ondragleave | String | Yes | HTML: Handler for event that is fired when the element leaves a valid drop target. |
| ondragover | String | Yes | HTML: Handler for event that is fired when the element is being dragged over a valid drop target. |
| ondragstart | String | Yes | HTML: Handler for event that is fired when the drag operation starts. |
| ondrop | String | Yes | HTML: Handler for event that is fired when the element is being dropped. |
| onended | String | Yes | HTML: Handler for event that is fired when the playback has stopped because the end of the media resource was reached. |
| onerror | String | Yes | HTML: Handler for event that is fired when an error occurs while fetching the media data. |
| onfocus | String | Yes | HTML: Specifies a script to be invoked when the element receives focus. |
| onkeydown | String | Yes | HTML: Script to be invoked when a key is pressed down over this element. |
| onkeypress | String | Yes | HTML: Script to be invoked when a key is pressed over this element. |
| onkeyup | String | Yes | HTML: Script to be invoked when a key is released over this element. |
| onloadeddata | String | Yes | HTML: Handler for event that is fired when browser can render the media data at the current playback position for the first time. |
| onloadedmetadata | String | Yes | HTML: Handler for event that is fired when browser has just determined the duration and dimensions of the media resource and the timed tracks are ready. |
| onloadstart | String | Yes | HTML: Handler for event that is fired when browser begins looking for media data, as part of the resource selection algorithm. |
| onmousedown | String | Yes | HTML: Script to be invoked when the pointing device is pressed over this element. |
| onmousemove | String | Yes | HTML: Script to be invoked when the pointing device is moved while it is in this element. |
| onmouseout | String | Yes | HTML: Script to be invoked when the pointing device is moves out of this element. |
| onmouseover | String | Yes | HTML: Script to be invoked when the pointing device is moved into this element. |
| onmouseup | String | Yes | HTML: Script to be invoked when the pointing device is released over this element. |
| onmousewheel | String | Yes | HTML: Script to be invoked when the pointing device is wheeled over this element. |
| onpause | String | Yes | HTML: Handler for event that is fired when the playback has been paused. Fired after the pause() method has returned. |
| onplay | String | Yes | HTML: Handler for event that is fired when the playback has begun. Fired after the play() method has returned, or when the autoplay attribute has caused playback to begin. |
| onplaying | String | Yes | HTML: Handler for event that is fired when the playback has started. |
| onprogress | String | Yes | HTML: Handler for event that is fired while browser is fetching media data. |
| onseeked | String | Yes | HTML: Handler for event that is fired when a seek operation is finished. |
| onseeking | String | Yes | HTML: Handler for event that is fired if the seek operation is taking long enough that the browser has time to fire the event. |
| onvolumechange | String | Yes | HTML: Handler for event that is fired when either the volume attribute or the muted attribute has changed. Fired after the relevant attribute's setter has returned. |
| onwaiting | String | Yes | HTML: Handler for event that is fired when the playback has stopped because the next frame is not available, but the user agent expects that frame to become available in due course. |
| poster | String | Yes | This property defines an image to show when no video data is available. |
| preload | String | Yes | Returns the preloading behavior of the component. Default to null, which delegates preloading method selection to
browser. Can be one of
|
| rendered | boolean | Yes | A boolean value that indicates whether this component should be rendered. Default value: true. |
| showControls | boolean | Yes | This property is to show/hide browser's media controls. If true, browser's media controls are shown (default). If false, controls are not shown and page author needs to provide controls explicitly. |
| style | String | Yes | HTML: CSS styling instructions. |
| styleClass | String | Yes | The CSS class for this element. Corresponds to the HTML 'class' attribute. |
| tabindex | String | Yes | HTML: Specifies the position of this element within the tab order of the document. |
| title | String | Yes | HTML: An advisory title for this element. Often used by the user agent as a tooltip. |
| value | Object | Yes | Gets The initial value of this component. |
| width | String | Yes | Width of the video. Can be in pixels, or percent. |