<!DOCTYPE html>
|
<html>
|
|
<head>
|
<meta http-equiv="Access-Control-Allow-Origin" content="*">
|
<meta charset="utf-8">
|
<meta name="description" content="Opencast Media Player">
|
<meta name="author" content="Opencast">
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
<!-- <script src="js/jquery-1.11.1.min.js"></script> -->
|
<script src="js/jquery-3.1.1.min.js"></script>
|
<script src="js/videoJs/video.js"></script>
|
<script src="js/videoJs/videojs-ie8.min.js"></script>
|
<link href="js/videoJs/video-js.css" rel="stylesheet">
|
<script>
|
videojs.options.flash.swf = "js/videoJs/video-js.swf";// flash路径，有一些html播放不了的视频，就需要用到flash播放。这一句话要加在在videojs.js引入之后使用
|
</script>
|
</head>
|
<body>
|
<div id="div_videoShow2" style="width:950px; height:auto; float:left; display:inline">
|
<video autoplay="autoplay" controls id="my-video2" class="video-js vjs-default-skin vjs-big-play-centered" width="950" height="450">
|
<source id="sourcePath" src='' type='rtmp/flv'/>
|
</video>
|
</div>
|
</body>
|
<script type="text/javascript" >
|
/* var code ="";
|
var player = videojs('my-video2');
|
player.play(); */
|
|
|
|
$(function(){
|
var search = location.search;
|
if(search){
|
//var args = getArgs();
|
$('#sourcePath').attr("src",location.search.substring(1));
|
var player = videojs('my-video2');
|
player.play();
|
/* $('#my-video2').on('click', function () {
|
this.enterFullScreen();
|
}); */
|
/* launchFullscreen(document.getElementById("my-video2")); // 某个页面元素 */
|
//setTimeout(function(){alert(0);$("[title='Fullscreen']").click();alert(1)},1000*2);
|
}else{
|
var player = videojs('my-video2');
|
player.play();
|
}
|
/* var search = location.search;
|
if(search){
|
var args = getArgs();
|
//$('#ipdiv').val(args.ip);
|
if(!args.code){
|
alert("该设备无code，无法进行控制")
|
}
|
code = args.code;
|
var player = videojs('my-video');
|
player.play();
|
} */
|
});
|
//判断各种浏览器，找到正确的方法
|
function launchFullscreen(element) {
|
if(element.requestFullscreen) {
|
element.requestFullscreen();
|
} else if(element.mozRequestFullScreen) {
|
element.mozRequestFullScreen();
|
} else if(element.webkitRequestFullscreen) {
|
element.webkitRequestFullscreen();
|
} else if(element.msRequestFullscreen) {
|
element.msRequestFullscreen();
|
}
|
}
|
|
//进入全屏
|
function fullScreen() {
|
var ele = document.getElementById('my-video2');
|
if (ele.requestFullscreen) {
|
ele.requestFullscreen();
|
} else if (ele.mozRequestFullScreen) {
|
ele.mozRequestFullScreen();
|
} else if (ele.webkitRequestFullScreen) {
|
ele.webkitRequestFullScreen();
|
}
|
}
|
function getArgs(){
|
var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
|
args = {},
|
items = qs.length ? qs.split("&") : [],
|
item = null, name = null,
|
value = null, i = 0,
|
len = items.length;
|
|
for (i = 0; i < len; i++) {
|
item = items[i].split("=");
|
name = decodeURIComponent(item[0]);
|
value = decodeURIComponent(item[1]);
|
if (name.length) {
|
args[name] = value;
|
}
|
}
|
return args;
|
}
|
</script>
|
</html>
|
