Flowplayer Demo -b
HTML
<script src="http://releases.flowplayer.org/5.4.6/flowplayer.min.js"></script>
<link rel="stylesheet" href="http://releases.flowplayer.org/5.4.6/skin/minimalist.css">
<link rel="stylesheet" href="http://demos.flowplayer.org/media/css/demo.css">
<link rel="stylesheet" href="http://demos.flowplayer.org/media/css/pygments.css">
<div data-ratio="0.1167" class="flowplayer is-splash">
<video preload="none">
<!--<source type="video/mp4" src="http://stream.flowplayer.org/bauhaus/624x260.mp4">-->
<source type="video/mp4" src="http://burberry.scene7.com/is/content/Burberryltd/D.COM-JUNE-BB-CREAM-855-608">
</video>
</div>
<p class="info"> </p>
CSS
.flowplayer {
background-image: url("http://flowplayer.org/media/img/demos/minimalist.jpg");
}
JavaScript
$(function(){
flowplayer(function (api) {
api.bind("load", function (e, api) {
$(".info").text(api.engine + " engine in use");
});
});
});