註冊
登錄
論壇
首頁
搜索
幫助
導航
手冊
授權協議
ECSHOP 交流討論區
»
模板美化交流
» ecshop 添加本地视频播放
定型管
電子鈑金
返回列表
回復
發帖
提升下沉
高亮顯示
設置精華
推薦主題
關閉打開
移動主題
主題分類
複製主題
合併主題
分割主題
修復主題
發新話題
發佈投票
發佈懸賞
發佈辯論
發佈活動
發佈視頻
發佈商品
viphf2014
發短消息
加為好友
viphf2014
當前離線
UID
14206
帖子
69
精華
0
積分
350
閱讀權限
30
在線時間
10 小時
註冊時間
2012-8-30
最後登錄
2013-11-29
中級會員
積分
350
威望
350
金錢
29
1
#
打印
字體大小:
t
T
發表於 2012-11-9 16:59
|
只看該作者
帖子標題:
[分享]
ecshop 添加本地视频播放
文章
,
ecshop
,
youku
,
视频播放
,
的
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 交流討論區
"交流請遵守台灣法律規範,"
viphf2014
" 發表的文章
《ecshop 添加本地视频播放》
版權歸屬作者所有,如是轉貼版權歸屬原作者所有.本論壇不對其真實性做任何考證.
回復
引用
訂閱
TOP
fionachan
發短消息
加為好友
fionachan
當前離線
UID
18743
帖子
3
精華
0
積分
32
閱讀權限
20
在線時間
0 小時
註冊時間
2014-6-7
最後登錄
2014-6-7
註冊會員
積分
32
威望
32
金錢
1
2
#
發表於 2014-6-7 08:43
|
只看該作者
不錯,分享一下演示吧
提醒您:
您在"
ECSHOP 交流討論區
"交流請遵守台灣法律規範,"
fionachan
" 發表的文章
《》
版權歸屬作者所有,如是轉貼版權歸屬原作者所有.本論壇不對其真實性做任何考證.
回復
引用
TOP
返回列表
外包發案、接案區
程序發佈
談天說地
提問、安裝使用
ECShop 交流區
程序發佈
提問、安裝使用
模板美化交流
店長交流區
外包發案、接案區
店長經驗交流
商店展示區
談天說地
站務管理
網站公告
申請、建議、舉報