请稍等,正在为您加载...

2011-09-03 | 作者: | 评论:0 条 | 打印 | 收藏 | 字体:增大 减小 | 已阅读:176 views

在博客中整合flash播放器将会产生了很酷的效果,如果可以直接插入任意flv链接地址后,通过程序自动载入并播放该文件将会很方便的。那么接下来这个方法就是咱们针对这个实现的。我们的实现思路是通过一款jQuery工具,只需在网页的头部header之间插入一段js即可。

操作方法

下载flowplayer播放器的js和swf文件包。

网页flash播放器 FlowPlayer播放器

目前js最新版为3.2.6版本,swf最新版为3.2.7版本。

网页flash播放器 FlowPlayer播放器

接下来在网页头部插入加载代码:

<script type="text/javascript" src="flowplayer-3.2.6.min.js"></script>

然后在body部分内插入以下代码:

<a 
     href="http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv"
     style="display:block;width:520px;height:330px" 
     id="player">
</a>

<script>
    flowplayer("player", "../flowplayer-3.2.7.swf");
</script>

最后在此需要注意的是这三段代码都是不可缺少的,在<a>标签中不可缺少:id=“player”,并且这个是与下面的“player”属于对应关系,否则无法调用。至于style样式您自己可以随意定制,只要你自己喜欢即可。

效果预览

下载压缩包文件后打开里面的html文件即可观看效果。

下载地址

http://flowplayer.org/tools/download/index.html

备用下载:flowplayer-3.2.7.zip

1 Star2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 Stars (还没有人给此篇文章打分)
Loading ... Loading ...

您可能还会喜欢以下文章:

给 大愚网 投稿>>
  • 赶紧抢沙发

Comments are closed.