To use the Video Widget you will need to have Silverlight installed. You can get Silverlight
at: http://www.silverlight.net.
The video Gestalt Widget has been designed to support a simple mode where you
only only will need to add a reference to two JavaScript files plus some HTML5 video
tag markup and you are good to go. To see an example of this this take a look at
the embed sample
If you would like to modify the user interface appearance:
Change the XAML that defines it in the added skin attribute of the video tag.
You can either manually do this in a
text editor, or you can load up the original XAML file
in Expression Blend 3. Just save the changes to a new file named "newskin.xaml"
that's in the same directory as the original file modify the "skin" attribute as
shown below, and refresh the browser to view the changes. Like so:
<video
id="audio1" .. skin="newskin.xaml"> <source src="path to file"></source> </video>
Attributes supported by the HTML5 Video Widget:
id [required] - the video tag must have a unique id defined
src - Path to a media item. If defined, the player will
play that media. Note that this is not a required attribute. Multiple
sources can be defined with the source tag inside the video tag.
poster - A relative or absolute path to a .png that displays prior to playing or when done playing.
controls - Display the controls if set to true or as an
unassigned attribute. Default value is false
autoplay - When set to true or just as an unassigned
attribute specifies that the media should play immediately. Default value is
false
volume - A decimal value ranging between 0 and 1. Default value is .5
width - Defines the width of the player in pixels. Default value is 300
height - Defines the height of the player in pixels. Default value is 150.
loop - If set to true or it exists as an unassigned
attribute specifies to repeat the content when done playing the file or set of files. The default value is false
muted - Specifies to not play audio. Default value is false
skin - This is the XAML that will be loaded up for the player UI. The default value is media.xaml
captioningenabled - this attribute if set to true or
unassigned will display the captioning icon in the controls to toggle
captioning. Default value is false.
captionareavisible - This attribute if set to true or
unassigned will show the captioning area in the media control when it is
loaded. Default value is false
captionareaheight - An integer that defines the height
of the caption area. The width is the same as the width of the player.
Default height is 20.
