Projekktor - The free HTML5 video player / Demos

Demos
Addons
Docs
Compatibility
Source
Forum

One Video and two post- roll images

The player can also display stand alone images but requires a given duration value then. Below a small static image example. As you can see it is possible to mix content types within a single playlist.

display example´s source

<div id="player_a" class="projekktor"></div>

<script type="text/javascript">
$(document).ready(function() {
    var player = projekktor('.projekktor', {
	width: 640,
	height: 433,
	poster: "intro.png",
	controls: true,
	playlist: [
	    {
		0: {src:'intro.mp4', type:"video/mp4"}
	    },
	    {

		0: {src:'http://www.projekktor.com/content/demos/slideshow/html5-Logo.jpg', type:"image/jpeg"},
		config:{
		    duration: 5
		}
	    },
	    {
		0: {src:'http://www.projekktor.com/content/demos/slideshow/image1.png', type:"image/png"},
		config:{
		    duration: 5
		}
	    }
	]

    });
 })
</script>

One Video and two post- roll images

That´s all folks.