Video Player

compared with
Version 7 by Philip Breau
on Dec 06, 2012 15:02.


Key
These lines were removed. This word was removed.
These lines were added. This word was added.

View page history


There are 2 changes. View first change.

 h3. VideoPlayer
  
 This component will make use of the <html5> video tag and the JSF properties listed below.
  
 h5. Usage
  
 # To use this component, first the mobility tag-lib namespace has to be added in your page:\-
 {code:xml}<html ... xmlns:mobi="http://www.icesoft.com/icefaces/mobile/component">
 {code}
  
 For the proper theming and markup based upon device, include the {code}
  <mobi:deviceResource/> {code}
 markup in the head of your template or facelet page. (this is currently necessary for blackberry not just for styling with this component).
  
  
 * Static source
  
 {code:xml}
 <mobi:videoPlayer id="videoFile" value="#{videoBean.pathToFile}" controls="true"
  preload="auto" />
 {code}
 * byte array loaded in session scope
  
 {code}
 <mobi:videoPlayer id="videoFile" value="#{videoBean.pathToFile}"
  linkLabel="Play"
  preload="auto" contentType="#{videoBean.contentType}" scope="session"/>
 {code}
  
 {tip:title=TagLib Documentation}This section covers attributes involved in the typical use-cases for this component. For reference, the complete taglib documentation for this component is available [here|http://res.icesoft.org/docs/icemobile/v1_latest/tld/mobi/videoPlayer.html].{tip}
 h3. Attributes
  
 This section covers the attributes currently available for the mobi video component. Although jsf is used to value bind the resource and possibly register it, the behaviour and rendering options are predominately html5 attributes for the html5 video tag.
  
 {panel}
 *value* the current value of the component. Must be an object which the component will then deal with accordingly. If a byte\[\], then the component will create an ICEOutputResource of the data and register it in the specified "session" attribute. If a src file (url), then this is rendered as a string location to the application.
 {panel}
 {panel}
 *linklabel* indicates a link will be rendered with whatever String is used with this attribute rendered as the link to the resource.
 {panel}
 {panel}
 *session* if the value is a byte array, then the resource that is created may be stored in session or application scope (at this time). default is session.
 {panel}
 {panel}
 *controls* if true then the video controls will be displayed
 {panel}
 {panel}
 *autoplay* if true then the video clip will play as soon as the page is loaded. Not necessarily a good thing if more than one clip is available on the same page.
 {panel}
 {panel}
 *preload* auto, metadata or none. If "auto", then the browser will try to load the entire clip when the page is loaded. If "meta" it will just try to load the metadata.
 {panel}
 {panel}
 *type* content or mimetype of the audio clip.
 {panel}
 {panel}
 *scope* scope of object to place resource into in jsf resource registry
 {panel}
 {panel}
 *name* name of resource object to be placed in resource registry
 {panel}
 {panel}
 *library* name of jsf library for resource object placed in registry
 {panel}
 {panel}
 *height* height of the video player shown in browser
 {panel}
 {panel}
 *width* width of video player shown in browser
 {panel}
 {panel}
 *playsinline* if true, then allows webkit supported browsers to play back the video inline.
 {panel}
  h3. Tag Documentation
 [videoPlayer|http://res.icesoft.org/docs/icemobile/v1_latest/jsf/tld/mobi/videoPlayer.html]

© Copyright 2017 ICEsoft Technologies Canada Corp.