Rich Media

Videos

Videos are wrapped in the <video>. Also you need to give the <video> a class of class="video-js vjs-default-skin" and an id of id="player1"

<video class="mejs-wam" controls="controls"preload="none" >
	<source src="/sites/default/files/videos/in_the_wild_west_-_2012_harry_butler-540-low.mp4" type="video/mp4" />
</video>

A screen shot is added by using the <poster> attribute in the <video> tag.

<video id="player2" class="video-js vjs-default-skin"  controls="controls" preload="none" poster="http://museum.wa.gov.au/sites/default/files/imagecache/wam_v2_page_full/in_the_wild_west_-_2012_harry_butler.jpg" >
	<source src="/sites/default/files/videos/in_the_wild_west_-_2012_harry_butler-540-low.mp4" type="video/mp4" />
</video>

If a video has a caption track this is added by including a <track>. Also include the <div class="cc-box"> after as a further visual clue for the user.

<video "  id="player3" class="video-js vjs-default-skin"  controls="controls" preload="none" poster="http://museum.wa.gov.au/sites/default/files/imagecache/wam_v2_page_full/in_the_wild_west_-_2012_harry_butler.jpg" >
	<source src="/sites/default/files/videos/in_the_wild_west_-_2012_harry_butler-540-low.mp4" type="video/mp4" />
	<track kind="subtitles" id="subtitles" src="/sites/default/files/videos/cc/One Collectors Story by Harry Buter.vtt" srclang="en" />
</video>
<div class="cc-box">
	<span>English language captions are available for the video, please click on "CC" button to turn on this feature.</span>
</div>

Audio

<audio preload="none" src="/sites/default/files/audio/Cri.pse_.mp3"> </audio>