PageAdmin网站内容管理系统(CMS)交流论坛

注册

 

QQ登录

只需一步，快速开始

返回列表
发新话题 回复该主题
查看: 9090|回复: 8

建议使用酷播实现一站式支持视频文件功能 [复制链接]

hmoobzs
头像

  • PageAdmin新手
  • 75
  • 132
  • 2014-12-01
1#
t T
发表于 2015-03-11 11:36 |只看楼主
因酷播支持flv,mp4,mov,f4v,3gp等视频格式，而现在pageadmin用的youku播放器，只支持FLV格式，我把CuPlayerMiniV4系统传进网站空间，可是因个人能力有限，在video.js代码编写中有些地方处理不好，添加后不成功。望大家一起练习，整合pageadmin功能，更大满足不同客户的需求，为PageAdmin cms尽力献策！

播放器参数介绍
参数名称数据类型参数描述备注
CuPlayerSetFileString配置文件地址支持 .xml / .asp / .php / .aspx /. jsp 格式配置文件
CuPlayerFileString视频文件地址支持flv,mp4,mov,f4v,3gp格式视频文件
CuPlayerImageString视频缩图 支持jpg,png,gif , 必须存在,否则将影响正常播放
CuPlayerWidthNumber播放器宽度宽度值为像素
CuPlayerHeightNumber播放器高度宽度值为像素
CuPlayerAutoPlayString是否自动播放值为yes / no
CuPlayerLogoString用户Logo文件地址推荐.png，支持jpg,png,gif
CuPlayerPositionString用户Logo显示的位置值为top-right / top-left / bottom-left / bottom-right 右上角/左上角/左下角/右下角




播放器使用示例1
说明：读取HTML参数 (完整的写法示例)

<!-- 我爱播放器(52player.com)/代码开始 -->
<script type="text/javascript" src="images/swfobject.js"></script>
<div class="video" id="CuPlayer">
<strong>我爱播放器(52player.com) 提示：您的Flash Player版本过低，请<a href="http://www.52player.com/">点此进行网页播放器升级</a>！</strong></div>
<script type="text/javascript">
var so = new SWFObject("CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("CuPlayerSetFile","CuPlayerSetFile.xml"); //播放器配置文件地址,例SetFile.xml、SetFile.asp、SetFile.php、SetFile.aspx
so.addVariable("CuPlayerFile","test.mp4"); //视频文件地址
so.addVariable("CuPlayerImage","images/start.jpg");//视频略缩图,本图片文件必须正确
so.addVariable("CuPlayerWidth","600"); //视频宽度
so.addVariable("CuPlayerHeight","410"); //视频高度
so.addVariable("CuPlayerAutoPlay","yes"); //是否自动播放
so.addVariable("CuPlayerLogo","logo.png"); //Logo文件地址
so.addVariable("CuPlayerPosition","bottom-right"); //Logo显示的位置
so.write("CuPlayer");
</script>
<!-- 我爱播放器(52player.com)/代码结束 -->


播放器使用示例2
说明：直接读取配置文件中的参数

<!-- 我爱播放器(52player.com)/代码开始 -->
<script type="text/javascript" src="images/swfobject.js"></script>
<div class="video" id="CuPlayer">
<strong>我爱播放器(52player.com) 提示：您的Flash Player版本过低，请<a href="http://www.52player.com/">点此进行网页播放器升级</a>！</strong></div>
<script type="text/javascript">
var so = new SWFObject("CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("CuPlayerSetFile","CuPlayerSetFile.xml"); //播放器配置文件地址,例SetFile.xml、SetFile.asp、SetFile.php、SetFile.aspx
so.write("CuPlayer");
</script>
<!-- 我爱播放器(52player.com)/代码结束 -->


播放器使用示例3
说明：读取HTML参数 + 读取配置文件中的参数

<!-- 我爱播放器(52player.com)/代码开始 -->
<script type="text/javascript" src="images/swfobject.js"></script>
<div class="video" id="CuPlayer">
<strong>我爱播放器(52player.com) 提示：您的Flash Player版本过低，请<a href="http://www.52player.com/">点此进行网页播放器升级</a>！</strong></div>
<script type="text/javascript">
var so = new SWFObject("CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("CuPlayerSetFile","CuPlayerSetFile.xml"); //播放器配置文件地址,例SetFile.xml、SetFile.asp、SetFile.php、SetFile.aspx
so.addVariable("CuPlayerFile","test.mp4"); //视频文件地址
so.addVariable("CuPlayerImage","images/start.jpg");//视频略缩图,本图片文件必须正确
so.addVariable("CuPlayerAutoPlay","yes"); //是否自动播放
so.write("CuPlayer");
</script>
<!-- 我爱播放器(52player.com)/代码结束 -->


播放器使用示例4
说明：处理视频结束getNext函数(实现列表连播)

<script type="text/javascript">
//例子1,视频播放结束后，跳转到指定页面,getNext函数内容，用户可以自已写
function getNext (pars){
location.href="http://www.89525.net/player/CuSunPlayerV2/" ;
}
</script>
<!-- 我爱播放器(52player.com)/代码开始 -->
<script type="text/javascript" src="images/swfobject.js"></script>
<div class="video" id="CuPlayer">
<strong>我爱播放器(52player.com) 提示：您的Flash Player版本过低，请<a href="http://www.52player.com/">点此进行网页播放器升级</a>！</strong></div>
<script type="text/javascript">
var so = new SWFObject("CuPlayerMiniV4.swf","CuPlayerV4","600","410","9","#000000");
so.addParam("allowfullscreen","true");
so.addParam("allowscriptaccess","always");
so.addParam("wmode","opaque");
so.addParam("quality","high");
so.addParam("salign","lt");
so.addVariable("CuPlayerSetFile","CuPlayerSetFile.xml"); //播放器配置文件地址,例SetFile.xml、SetFile.asp、SetFile.php、SetFile.aspx
so.addVariable("CuPlayerFile","test.mp4"); //视频文件地址
so.addVariable("CuPlayerImage","images/start.jpg");//视频略缩图,本图片文件必须正确
so.addVariable("CuPlayerAutoPlay","yes"); //是否自动播放
so.write("CuPlayer");
</script>
<!-- 我爱播放器(52player.com)/代码结束 -->
分享 转发
TOP
hmoobzs
头像

  • PageAdmin新手
  • 75
  • 132
  • 2014-12-01
2#
t T
发表于 2015-03-11 14:03 |只看楼主

示例3-2-1：object调用示例
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="600" height="400" id="simplevideostreaming" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="true" />
<param name="movie" value="CuPlayerMiniV4.swf" />
<param name="FlashVars" value="&CuPlayerSetFile=CuPlayerSetFile.xml&CuPlayerFile=test.mp4&
CuPlayerImage=images/start.jpg&CuPlayerWidth=560&CuPlayerHeight=
330&CuPlayerAutoPlay=false&CuPlayerLogo=images/logo.png&CuPlayerPosition=top-right" />
<param name="quality" value="high" /><param name="bgcolor" value="#000000" />
<embed src="CuPlayerMiniV4.swf" flashvars="&CuPlayerSetFile=CuPlayerSetFile.xml&CuPlayerFile=test.mp4&
CuPlayerImage=images/start.jpg&CuPlayerWidth=560&CuPlayerHeight=
330&CuPlayerAutoPlay=false&CuPlayerLogo=images/logo.png&CuPlayerPosition=top-right" quality="high" bgcolor="#000000" width="600" height="400" name="simplevideostreaming" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>

我按实例更改了，jS文件，可是调用不出来文件，只显示窗体和Logo图，播放键按不动。
video.js更改部份
else if(ext=='flv'|| ext=='mp4'|| ext=='3gp' || ext=='fl4')
{  
html+='<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="600" height="400" id="simplevideostreaming" align="middle">';
  html+='<param name="allowScriptAccess" value="sameDomain" />';
  html+='<param name="allowFullScreen" value="true" />';
  html+='<param name="movie" value="e/images/swf/CuPlayerMiniV4.swf" />';
  html+='<param name="FlashVars" value="&CuPlayerSetFile=e/images/swf/CuPlayerSetFile.xml&CuPlayerFile=e/images/swf/test.mp4&CuPlayerImage=e/images/swf/images/start.jpg&CuPlayerWidth=560&CuPlayerHeight=330&CuPlayerAutoPlay=false&CuPlayerLogo=e/images/swf/images/logo.png&CuPlayerPosition=top-right" />';
  html+='<param name="quality" value="high" />';
  html+='<param name="bgcolor" value="#000000" />';
  html+='<embed src="e/images/swf/CuPlayerMiniV4.swf" flashvars="&CuPlayerSetFile=e/images/swf/CuPlayerSetFile.xml&CuPlayerFile=e/images/swf/test.mp4&CuPlayerImage=e/images/swf/images/start.jpg&CuPlayerWidth=560&CuPlayerHeight=330&CuPlayerAutoPlay=false&CuPlayerLogo=e/images/swf/images/logo.png&CuPlayerPosition=top-right" quality="high" bgcolor="#000000" width="600" height="400" name="simplevideostreaming" align="middle" allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
  html+='</object>';
}
谁能帮我看一下。
TOP
scstjcy
头像

  • PageAdmin高手
  • 897
  • 1356
  • 2014-01-20
3#
t T
发表于 2015-03-11 15:38 |只看该用户

路径 e/images/swf 这个前面再加个 / 。
TOP
hmoobzs
头像

  • PageAdmin新手
  • 75
  • 132
  • 2014-12-01
4#
t T
发表于 2015-03-18 15:19 |只看楼主

哈哈，那不是关键，关键的地方没有搞对，添加后缀名后，原播放器也可以播放FLV和MP4的。
TOP
xiyou
头像

  • 管理员
  • 16315
  • 27099
  • 2015-11-29
5#
t T
发表于 2015-03-18 16:08 |只看该用户

<script type="text/javascript" src="images/swfobject.js"></script>
应该是swfobject.js这个文件你没有调用导致的
PageAdmin CMS-想到就能做到！
TOP
Vipzz
头像

  • PageAdmin学员
  • 149
  • 259
  • 2012-12-05
6#
t T
发表于 2015-03-18 21:10 |只看该用户

除了flv格式的，其他格式的视频如果太大的话，可以实现边缓冲边播放吗。。
TOP
小铁人
头像

  • PageAdmin入门
  • 2
  • 3
  • 2016-01-15
7#
t T
发表于 2016-01-15 11:48 |只看该用户

为什么我的mp4视频播放不了？使用实例没有问题，但是换了视频就不可以
TOP
小铁人
头像

  • PageAdmin入门
  • 2
  • 3
  • 2016-01-15
8#
t T
发表于 2016-01-15 11:50 |只看该用户

楼主我需要修改哪里？除了视频地址swf文件也要做修改吗？
TOP
Yard
头像

  • PageAdmin入门
  • 6
  • 10
  • 2017-05-08
9#
t T
发表于 2017-05-10 14:39 |只看该用户

[b]回复 [url=http://bbs.pageadmin.net/showtopic-31636.aspx#123960]1楼[color=Olive]hmoobzs[/color]的帖子[/url][/b]

菜鸟一个，能不能整一个pageadmin后台修改步骤学习学习不？
TOP
上一主题| 下一主题
返回列表
发新话题 回复该主题
高级编辑器高级编辑器