Demo: VLC

VLC Web Plugin Support

This setup will prefer the VLC Web Plugin in case it is properly detected - otherwise native (HTML5) video or Flash (sigh) is being used. This feature is still work in progress and is not enabled by default. To unlock it on your own player installations you need to add "vlc" to config.platforms.

Press play to test for VLC support.

This instance of the player is potentially able to handle the following content types:

The Code

<div id="player_a" class="projekktor" style="width: 100%;"></div>
<h1 id="platform">Press play to test for VLC support.</h1>

<p>
	This instance of the player is potentially able to handle the following content types:
</p>
<div id="uglylist"></div>
<script type="text/javascript">
jQuery(document).ready(function($) {
    projekktor('#player_a', {
		poster: 'http://www.projekktor.com/wp-content/manual/intro.png',
		playerFlashMP4: 'http://www.projekktor.com/wp-content/manual/jarisplayer.swf',
		playerFlashMP3: 'http://www.projekktor.com/wp-content/manual/jarisplayer.swf',		
		useYTIframeAPI: false,
		platforms: ['browser', 'android', 'ios', 'vlc', 'native', 'flash'],
		ratio: 16/9,
		controls: true,
		playlist: [{0:{src:'http://www.projekktor.com/wp-content/manual/server.php?path=' + escape('http://www.projekktor.com/wp-content/manual/'), type:"text/json"}}] 
    }, function(player) {
		player.addListener('displayReady', function(val, ref) {
			var model = ref.getModel();			
			$('#platform').html( (model=='VIDEOVLC') ? "Yeah!!1 VLC Web Plugin detected and in use." : "D´oh... model " + model + " in use right now.");			
		});
		var count=0;
		$.each($p.mmap, function() {
			count++;
			$('<p/>').html(this.type + "(." + this.ext + ")").appendTo('#uglylist');
		});
		if (count>24) {
			$('#platform').html("Seems you´ve da VLC Web Plugin installed, dude.");
		}
	});  
})
</script>