产品使用及交流论坛

首页 » 产品使用交流区 » 安装及使用交流 » 建议使用酷播实现一站式支持视频文件功能
hmoobzs - 2015/3/11 11:36:47
因酷播支持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)/代码结束 -->

hmoobzs - 2015/3/11 14:03:56
示例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>';
}
谁能帮我看一下。
scstjcy - 2015/3/11 15:38:20
路径 e/images/swf 这个前面再加个 / 。
hmoobzs - 2015/3/18 15:19:50
哈哈，那不是关键，关键的地方没有搞对，添加后缀名后，原播放器也可以播放FLV和MP4的。
xiyou - 2015/3/18 16:08:47
<script type="text/javascript" src="images/swfobject.js"></script>
应该是swfobject.js这个文件你没有调用导致的
Vipzz - 2015/3/18 21:10:48
除了flv格式的，其他格式的视频如果太大的话，可以实现边缓冲边播放吗。。
小铁人 - 2016/1/15 11:48:17
为什么我的mp4视频播放不了？使用实例没有问题，但是换了视频就不可以
小铁人 - 2016/1/15 11:50:32
楼主我需要修改哪里？除了视频地址swf文件也要做修改吗？
Yard - 2017/5/10 14:39:01
[b]回复 [url=http://bbs.pageadmin.net/showtopic-31636.aspx#123960]1楼[color=Olive]hmoobzs[/color]的帖子[/url][/b]

菜鸟一个，能不能整一个pageadmin后台修改步骤学习学习不？
1
查看完整版本: 建议使用酷播实现一站式支持视频文件功能
Powered by Discuz!NT Archiver 3.9.913 2001-2026 Comsenz Inc.