资讯专栏INFORMATION COLUMN

JS进阶篇--swfobject.js视频播放插件

ZoomQuiet / 3253人阅读

摘要:在网页中经常会用到视频播放的功能,下面介绍一下的视频播放应用代码结构样式结构代码结果实现如图需要猛点该文字,百度云盘下载

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

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猛点该文字,百度云盘下载

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85949.html

相关文章

  • JS进阶--ckplayer.js视频播放插件

    摘要:,是否自动播放,可以为或,默认为,参数不为时播放器加载完成后均为暂停状态。,视频开始前广告播放的秒数,只针对或图片有效,默认为。,视频结束后的动作,停止播放并发送,是不发送且重新循环播放,停止播放,默认为。 网页中常见的功能就是播放视频,下面介绍的这个ckplayer.js既可以在pc端播放,也可以在手机网页上播放。 可调用flash也可以调用html5播放器: var ...

    tangr206 评论0 收藏0
  • JS进阶--ckplayer播放器去掉右边的开关灯分享插件

    摘要:在上一篇文章中介绍了如何使用播放器,但是有的人不需要播放器右边的开关灯分享插件,那么就需要把该插件给去掉,方法也很简单。 在上一篇文章中介绍了如何使用ckplayer播放器,但是有的人不需要CK播放器右边的开关灯分享插件,那么就需要把该插件给去掉,方法也很简单。 第一步:先打开ckplayer.js里找到下面三行删除掉 cpt += right.swf,2,1,-75,-100,2,...

    CoreDump 评论0 收藏0
  • 前端资源收集整理

    摘要:工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 Github版本:Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 Web前端的路该怎么走?:文章超长,但是干货超级多,值得反复精读! 听说2017你想写前端?:适合于已经度过了小白阶...

    awesome23 评论0 收藏0
  • 前端资源收集整理

    摘要:工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 Github版本:Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 Web前端的路该怎么走?:文章超长,但是干货超级多,值得反复精读! 听说2017你想写前端?:适合于已经度过了小白阶...

    antyiwei 评论0 收藏0
  • 前端资源收集整理

    摘要:工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 工作原因,最近一年断断续续写了一点前端代码,收集整理了一些资料,和大家共享。 Github版本:Front-End Resource Collection 前端相关资源汇总 学习指导 精华文章 Web前端的路该怎么走?:文章超长,但是干货超级多,值得反复精读! 听说2017你想写前端?:适合于已经度过了小白阶...

    KavenFan 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<