標題:
[分享]
ecshop 添加本地视频播放
[打印本頁]
作者:
viphf2014
時間:
2012-11-9 16:59
標題:
ecshop 添加本地视频播放
ecshop要用到播放视频的地方不是很多,但是有些做的好点的商城,在文章里有时也会需要播放一段关于自己店铺的视频。
上传到youku什么的,再加链接就感觉不是那么好了。有些商城甚至在首面就要播放一段视频。
这时,你可能就需要一系列的可选参数了,比如:是否一打开网页就播放,是否循环播放……等等。
之前找过不少的播放工具,试来试去螳是jwplayer最好,但是jwplayer官方原版是有水印的,而且播完后也会转到分享jwplayer的界面。
这下面的这个jwplayer是网上找到的**后的版本,去水印等。拿出来分享了!!
测试通过格式:flv,mp4,jpg,gif,swf,mp3等文件、并支持播放列表
加载方法:下载脚本到ec根目下。在要加视频的页面添加如下代码:
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
复制代码
使用方法:
<div id="mediaspace">JW Player goes here</div>
复制代码
这段代码是新建一个放视频的容器,可放在网页中你需要的任意位置
然后设置参数,注:这段脚本必须在加载脚本代码后面
<script type="text/javascript">
jwplayer("mediaspace").setup({
flashplayer: "jwplayer/playerdiy.swf",
file: "http://localhost/mycar/jwplayer/video.mp4",
width: 279,
height: 257,
//image:"jwplayer/preview.jpg",
controlbar: "bottom",
screencolor :"#000"
});
</script>
复制代码
解释: jwplayer("mediaspace").setup
中的mediaspace就是容器的名称
flashplayer:
播放器文件,不要更改
file:
视频文件目录
//image:
这是视频还未播放时的预览图。老杨这里注释掉了,不填就是没有预览图。
controlbar:
播放导航条位置
screencolor :
视频界面颜色
//具体配置参数
<script type=”text/javascript”>
jwplayer(“container”).setup({//通过js调用播放器并安装到指定容器(container)内
flashplayer: “jwplayer/player.swf”,//调用播放器
file: “video.flv”,//调用视频文件
width: 328,//播放器宽
height: 200,//播放器高
image:”jwplayer/preview.jpg”,//视频预览图片
controlbar: “over”,//控制条位置
screencolor :”#fff”//播放器颜色
repeat:"always",//重复播放
autostart:true//自动播放
});
</script>
老杨这种方法是使用js脚本加载的方法。还有直接使用html代码添加的方法:
偷点懒,直接copy一段来
程序代码
<object type="application/x-shockwave-flash" width="400" height="220"
wmode="transparent" data="flvplayer.swf?autostart=false">
<param name="movie" value="flvplayer.swf?autostart=false" />
<param name="wmode" value="transparent" />
</object>
复制代码
多个参数可以混合使用,有效的参数列表:
程序代码
file (FLV文件的地址)
autostart (是否允许自动播放,"true"或者"false")
image (未播放时的预览图片,只支持JPEG格式)
repeat (是否重复播放)
clicktext (开始时显示的文字,默认是"click to play")
歡迎光臨 ECSHOP 交流討論區 (http://ecshop.tw/bbs/)
Powered by Discuz! 7.0.0