您的位置：首页 > 理论基础 > 计算机网络

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

2016-03-11 00:00 766 查看

<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视频播放器

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