Flowplayer · 1080p video

 

<head/>

<style>

.flowplayer {
width: 80%;
background-color: #00abcd;
}
.flowplayer .fp-color-play {
fill: #eee;
}
 
.info {
text-align: left;
}

CSS

<script>

flowplayer.conf.rtmp = "rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st";
 
flowplayer(function (api) {
api.on("load", function (e, api) {
$(".info").text(api.engine.engineName + " engine in use");
});
});

JavaScript

<body/>

<div data-ratio="0.75" class="flowplayer">
<video data-title="1080p video">
<source type="video/mp4" src="//edge.flowplayer.org/speed_trailer_1080p.mp4">
<source type="video/flash" src="mp4:speed_trailer_1080p">
</video>
</div>
 
<p class="info">&nbsp;</p>

HTML