新版网络学堂播放视频升级,使用Flowplayer插件, 一款免费的WEB视频播放器

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<script type="text/javascript" src=“http://IP地址/player/flowplayer.min.js"></script>
	<link rel="stylesheet" type="text/css" href="http://IP地址/player/style.css">
	<title>player</title>
</head>
<body>
	<!-- 加载视频播放页 -->    同样可以嵌入dialog中使用
	<div id="playVideo" class="hidden">
	     <div style="width:700px;height:500px"id="player">
	     </div>
	</div>
	
</body>
</html>
======================================================================================	

	js code
	
=====================================================================================
$.ajax({
		"type":'GET',
		"url":baseUrl+'/b/video/getVideoInfo/'+resId,//获取视频转码状态
		"dataType":"json",
		"success":function(data){
			if(data[MESSAGE]==SUCCESS){	  
			$("#playVideo").removeClass("hidden");
			_loadVideodialog();
			flowplayer("player", "http://v.cic.tsinghua.edu.cn/player/flowplayer.swf",{
			      clip: {
					url: data.result.fullUrl,
					scaling: 'fit',
					provider: 'lighttpd' },
				plugins: {
				        lighttpd: {
					url: "flowplayer.pseudostreaming.swf"
						 }
					}
				});
			}
		});	 
		 
		
//加载视频播放窗口
_loadVideodialog = function(){	
	art.dialog({
		id:'loadVideodialog',
		title:'播放',
		content:document.getElementById('playVideo'),
		lock: true,
		drag: true,
		width:800,
		height:600,
		cancelValue: '关闭',
		cancel: function() {
		 $("#playVideo").addClass("hidden");
		}
	});
};


新版网络学堂播放视频升级,使用Flowplayer插件, 一款免费的WEB视频播放器_第1张图片

新版网络学堂播放视频升级,使用Flowplayer插件, 一款免费的WEB视频播放器_第2张图片


你可能感兴趣的:(新版网络学堂播放视频升级,使用Flowplayer插件, 一款免费的WEB视频播放器)