定型管 電子鈑金
返回列表 回復 發帖

帖子標題:[分享] 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 交流討論區"交流請遵守台灣法律規範,"viphf2014" 發表的文章《ecshop 添加本地视频播放》版權歸屬作者所有,如是轉貼版權歸屬原作者所有.本論壇不對其真實性做任何考證.
不錯,分享一下演示吧
提醒您: 您在"ECSHOP 交流討論區"交流請遵守台灣法律規範,"fionachan" 發表的文章《》版權歸屬作者所有,如是轉貼版權歸屬原作者所有.本論壇不對其真實性做任何考證.
返回列表