HTML5 Player Framework

Advanced Fallback Examples

Silverlight Player
JavaScript
var myPlayer = new PlayerFramework.Player("myVideo");
HTML
<video id="myVideo" class="pf-video" width="480" height="320" controls="controls" poster="../media/bigbuck.png">
	<source src="../media/bigbuck.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
	<source src="../media/bigbuck.webm" type='video/webm; codecs="vp8, vorbis"' />
	<source src="../media/bigbuck.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<object class="pf-silverlight" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="480" height="320" data-poster="../media/bigbuck.png">
		<param name="source" value="../xap/ProgressiveDownloadPlayer.xap"/>
		<param name="onError" value="onSilverlightError" />
		<param name="onLoad" value="onSilverlightLoad" />
		<param name="minRuntimeVersion" value="4.0.50401.0" />
		<param name="autoUpgrade" value="false" />
		<param name="enableGPUAcceleration" value="true" />
		<param name="windowless" value="true" />
		<param name="InitParams" value="scriptablename=Player,autoplay=false,mediaurl=http://localhost/media/bigbuck.mp4"/>
		<div class="pf-static">
			Silverlight is not installed or a later version is required.
		</div>
	</object>
</video>
HTML5 Video Player
JavaScript
var myPlayer = new PlayerFramework.Player("myVideo");
HTML
<object id="myVideo" class="pf-silverlight" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="480" height="320" data-poster="../media/bigbuck.png">
	<param name="source" value="../xap/SmoothStreamingPlayer.xap"/>
	<param name="onError" value="onSilverlightError" />
	<param name="onLoad" value="onSilverlightLoad" />
	<param name="minRuntimeVersion" value="4.0.50401.0" />
	<param name="autoUpgrade" value="false" />
	<param name="enableGPUAcceleration" value="true" />
	<param name="windowless" value="true" />
	<param name="InitParams" value="scriptablename=Player,autoplay=false,mediaurl=http://streams.smooth.vertigo.com/BigBuckBunny_30sec/bigbuck.ism/manifest"/>
	<video class="pf-video" width="480" height="320" controls="controls" poster="../media/bigbuck.png">
		<source src="../media/bigbuck.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
		<source src="../media/bigbuck.webm" type='video/webm; codecs="vp8, vorbis"' />
		<source src="../media/bigbuck.ogv" type='video/ogg; codecs="theora, vorbis"' />
		<div class="pf-static">
			HTML5 video is not supported.
		</div>
	</video>
</object>
HTML5 Video Player
JavaScript
var myPlayer = new PlayerFramework.Player("myVideo");
HTML
<video id="myVideo" class="pf-video" width="480" height="320" controls="controls" poster="../media/bigbuck.png">
	<source src="../media/bigbuck.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
	<source src="../media/bigbuck.webm" type='video/webm; codecs="vp8, vorbis"' />
	<source src="../media/bigbuck.ogv" type='video/ogg; codecs="theora, vorbis"' />
	<div class="pf-static">
		HTML5 video is not supported.
	</div>
</video>
Silverlight Player
Silverlight is not installed or a later version is required.
JavaScript
var myPlayer = new PlayerFramework.Player("myVideo");
HTML
<object id="myVideo" class="pf-silverlight" data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="480" height="320" data-poster="../media/bigbuck.png">
	<param name="source" value="../xap/SmoothStreamingPlayer.xap"/>
	<param name="onError" value="onSilverlightError" />
	<param name="onLoad" value="onSilverlightLoad" />
	<param name="minRuntimeVersion" value="4.0.50401.0" />
	<param name="autoUpgrade" value="false" />
	<param name="enableGPUAcceleration" value="true" />
	<param name="windowless" value="true" />
	<param name="InitParams" value="scriptablename=Player,autoplay=false,mediaurl=http://streams.smooth.vertigo.com/BigBuckBunny_30sec/bigbuck.ism/manifest"/>
	<div class="pf-static">
		Silverlight is not installed or a later version is required.
	</div>
</object>