Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Changed namespace of <hx:mediaSource> and <hx:mediaSources> to fx

...

Name

Description

fallBack

Content to display when HTML5 video is not supported. For example, page author may use a flash player as a fallback or display a message that displays Html5 video is not supported.

Potential Children:
  • <hx<fx:mediaSource>
  • <hx<fx:mediaSources>
Notes:
  • New <track> feature is not included, since there is no browser support yet (impossible to test). This feature can be added when one browser starts supporting it.

...

This component will be same with <hx:video>, except it won't have "width", "height" and "poster" attributes.

...

<fx:mediaSource>

Extends: UIComponent
Attributes:

...

...

<fx:mediaSources>

Extends: UIComponent
Attributes:

...

Code Block
langxml
titleusage with <hx:mediaSource>
<hx:video preload="none" 
	 autoplay="false" loop="false" showControls="false"
	 poster="#{videoBean.posterImage}">

  <f:facet name="fallBack">
	 Your browser does not support HTML5 video.
  </f:facet>
  
  <hx<fx:mediaSource src="http://someaddress/someFile.ogg" contentType="video/ogg" codecs="avc1.42E01E" media="screen and (device-width: 800px)">
  <hx<fx:mediaSource src="http://someaddress/some3DFile.ogg" media="3d-glasses">

  <!-- <hx:mediaSources> component, not <hx:mediaSource> -->
  <hx<fx:mediaSources items="#{someBean.mediaInfoList}">      
</hx:video>

...