[#] hm X_Shell Backd00r [#]
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<title>Video.JS</title>
<script src="//vjs.zencdn.net/4.4/video.js"></script>
<link href="//vjs.zencdn.net/4.4/video-js.css" rel="stylesheet"> <style>
.player_instance {
border: 1px solid;
padding: 1em;
margin: 0.5em;
}
.player_instance .info {
margin: 1em 0 0 0;
}
</style>
<link rel="stylesheet" href="//yandex.st/highlightjs/8.0/styles/default.min.css">
<script src="//yandex.st/highlightjs/8.0/highlight.min.js"></script>
<script>
hljs.initHighlightingOnLoad();
$(function () {
$('#player_selector select').change(function(){
$('#player_selector').submit();
});
});
</script>
</head>
<body>
<h2>Videojs</h2>
<form id="player_selector"><select name="player">
<option value="native" >Native</option><option value="flowplayer" >Flowplayer</option><option value="videojs" selected>Videojs</option><option value="projekktor" >Projekktor</option><option value="mediaelementjs" >Mediaelementjs</option> </select>
</form>
<div class="player_instance">
<p>RTMP/HLS</p>
<div class="player_rtmp" style="width: 624px; height: 260px;" data-rtmp="rtmp://187.188.94.189:1935/live/myStream/cfx/st/">
<video id="player_rtmp" class="videojs" controls width="624" height="260" preload="metadata">
<source type="application/x-mpegURL" src="187.188.94.189:1935/live/myStream/playlist.m3u8">
<source type="rtmp/flv" src="rtmp://187.188.94.189:1935/live/myStream">
</video>
</div>
</div>
<script>
$(function () {
var exts = ['rtmp'];
for(var i = 0; i < exts.length; i++) {
$(".player_" + exts[i]).next().text('Engine in use: flash');
$("#player_" + exts[i]).attr('class', 'video-js vjs-default-skin vjs-big-play-centered');
videojs($("#player_" + exts[i])[0], {}, function(){
if ($("#player_" + exts[i]).find('video,audio').length > 0) {
$(".player_" + exts[i]).next().text('Engine in use: html5');
}
});
}
});
</script> </body>
</html>
Mr.hm X_Shell Backd00r 1.0, Coded By Mr.hm X_Shell Backd00r