码迷,mamicode.com
首页 > Web开发 > 详细

swfobject.js视频播放插件

时间:2015-09-02 09:27:18      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

在网页中经常会用到视频播放的功能,下面介绍一下swfobject.js的视频播放应用:
html代码结构:

<div id="video_content"></div>

 

css样式结构:

body{background: #003368}
#video_content{width:600px;height:400px;margin:200px auto;}

 

js代码:

function showFLV(flvId,flvUrl,imgUrl,w,h){        
        var imgUrl = imgUrl;
        var flvUrl = flvUrl;
        var w = w || "907";
        var h =h || "455";
        var s1 = new SWFObject("flvplayer.swf","single",w,h,"7");
        s1.addParam("allowfullscreen","true");
        s1.addParam("wmode","transparent");
        s1.addVariable("file",flvUrl);
        s1.addVariable("image",imgUrl);
        s1.addVariable("width",w);
        s1.addVariable("height",h);
        s1.addVariable(‘autostart‘,‘true‘);
        s1.write(flvId);        
}
showFLV(‘video_content‘,‘flv_4.flv‘,‘‘,600,400);

 

结果实现如图:

技术分享

需要demo猛点该文字,百度云盘下载

 

作者:风雨后见彩虹

出处:http://www.cnblogs.com/moqiutao/

如果您觉得本文对您的学习有所帮助,请多支持与鼓励。

swfobject.js视频播放插件

标签:

原文地址:http://www.cnblogs.com/moqiutao/p/4777642.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!