JS 去控制选择FLV 播放

我来举个例子吧，用swfobject的方式来引用flash，如果只是单个flv文件的话，很简单，代码如下：

复制内容到剪贴板

代码:

<p id='preview'>The player will show in this paragraph</p>
<script type='text/javascript' src='swfobject.js'></script>
<script type='text/javascript'>
var s1 = new SWFObject('player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file=video.flv');
s1.write('preview');
</script>

现在要做的只是定义一个函数，把flv的文件名做为变量而已

复制内容到剪贴板

代码:

<script type="text/javascript">
function showVideo (fileName) {
var s1 = new SWFObject('player.swf','player','400','300','9');
s1.addParam('allowfullscreen','true');
s1.addParam('allowscriptaccess','always');
s1.addParam('flashvars','file='+fileName);
s1.write('preview');
}
showVideo("video.flv");    
</script>

效果跟上面那段代码是一样的

比如上面是一个flv player，下边有一个播放列表，点视频的名称，上面的播放器就播放相应的视频，代码如下：

复制内容到剪贴板

代码:

<ul>
<li><a href="###" onclick="javascript:showVideo('test1.flv');">Sample Video Clips 1</a></li>
<li><a href="###" onclick="javascript:showVideo('test2.flv');">Sample Video Clips 2</a></li>
<li><a href="###" onclick="javascript:showVideo('test3.flv');">Sample Video Clips 3</a></li>
</ul>