在博客中整合flash播放器将会产生了很酷的效果,如果可以直接插入任意flv链接地址后,通过程序自动载入并播放该文件将会很方便的。那么接下来这个方法就是咱们针对这个实现的。我们的实现思路是通过一款jQuery工具,只需在网页的头部header之间插入一段js即可。
下载flowplayer播放器的js和swf文件包。
目前js最新版为3.2.6版本,swf最新版为3.2.7版本。
接下来在网页头部插入加载代码:
<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