这点东西零零散散研究了两天,网上很多资料都有问题,虽然是使用了swfobject这个插件,可是只写了一部分,我怀疑是第一个复制的哥们,忘了复制一部分了,最重要的,关于播放器的事情没说,让我误认为swfobject会自己弄出一个播放起来,或者调用本地的,很是纠结,闲话不多说,进入正文。
Step1:获取一个FLV播放器
这里我使用的是JW FLV Media Player(jwplayer),下载地址:
http://www.longtailvideo.com/players/jw-flv-player/
我现在用的是5.8,输入电子邮件地址,就可以下载了,现在完成后是一个压缩包
里面的文件不用管太多,直接寻找主题文件-> player.swf解压出来,放好。
Step2:获取swfobject.js
其实刚才下载的安装包里有,好像版本很老,咱们自己去下载,网址是:
http://code.google.com/p/swfobject/
下载完也是一个压缩包,里面有两个swfobject.js,用那个较大的
Step3:操作步骤
要将播放器嵌入到网页里面,直接使用swfobject
swfobject是一个很小的JavaScript脚本,该脚本引入了一个swfobject对象,用于在网页内嵌入Flash,并避免了上述的安全提示。swfobject已经得到了广泛的使用和好评。
A. 首先将player.swf文件和swfobject.js拷入到工程中
B. 代码如下
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script type="text/JavaScript" src="swfobject.js"></script>
<script type="text/JavaScript"> /* <![CDATA[ */ function createPlayer() { var flashvars = { file : "091003.flv", type : "http", image : "preview.jpg", autostart : "false", streamer : "start" } var params = { allowfullscreen : "true", allowscriptaccess : "always" } var attributes = { id : "player1", name : "player1" } swfobject.embedSWF("player.swf", "placeholder1", "320", "196", "9.0.115", false, flashvars, params, attributes); } /* ]]> */ </script>
</head> <body onload="createPlayer();"> <div id="placeholder1"></div> </body> </html> |
黄色标记的地方:第一个是你要播放的flv的位置,第二个是播放器的名字
到这里,整个的配置就算完成了,大家自己试试,看看效果吧。