视频点播系统

视频点播系统
本系统使用JW flv play播放器,它支持播放swf,flv等格式的视频,本点播系统主要是swf,flv格式的视频。

JW flv play播放器属性：
file (FLV文件的地址)
autostart (是否允许自动播放，"true"或者"false")
image (未播放时的预览图片，只支持JPEG格式)

嵌入flv播放哭代码如下：

<object type="application/x-shockwave-flash"  height="'+options.playerHeight+'" width="'+options.playerWidth 
wmode="transparent" data="flvplayer.swf?file='+id+'&autostart=true&allowfullscreen=true"><param name="movie" value="flvplayer.swf?file='+id+'&autostart=true&allowfullscreen=true"> <param name="allowfullscreen" value="true">          
<param name="wmode" value="transparent" />
<embed src="http://www.youtube.com/v/'+id+'"'
allowfullscreen="true" ' 
type="application/x-shockwave-flash" wmode="transparent"  height="'+options.playerHeight+'" width="'+options.playerWidth+'"></embed>';
</object>

object标签只支持IE系列的浏览器或者其它支持Activex控件的浏览器（Internet Explorer），“classid”和“codebase”属性必须要精确地写，它们告诉浏览器自动下载flash player的地址。如果没有安装过flash player 那么IE3.0以后的浏览器会跳出一个提示框询问是否要自动安装flash player。当然，如果不想让那些没有安装flash player的用户自动下载播放器，或许可以省略掉这些代码。
embed标签支持Mozilla系列的浏览器或其它支持Netscape插件的浏览器（Mozilla family of browsers）“pluginspage”属性告诉浏览器下载flash player的地址，如果还没有安装flash player的话，用户安装完后需要重启浏览器才能正常使用。
为了确保大多数浏览器能正常显示flash，需要把embed标签嵌套放在object标签内。支持Activex控件的浏览器将会忽略 object标签内的embed标签。Netscape和Mozilla系列的浏览器将只读取embed标签而不会识别object标签。也就是说，如果省略了embed标签，那firefox就不能识别flash了（不过省略了object只写embed，IE也能正常显示 flash）

<object>可选的属性
属性 值 描述 DTD
align • left
• right
• top
• bottom 定义围绕该对象的文本对齐方式。 TF
archive
URL 由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源。 STF
border pixels 定义对象周围的边框。 TF
classid
class ID 定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值，此属性可用来指定浏览器中包含的对象的位置，通常是一个 Java 类。 STF
codebase
URL 定义在何处可找到对象所需的代码，提供一个基准 URL。 STF
codetype
MIME type 通过 classid 属性所引用的代码的 MIME 类型。 STF
data
URL 定义引用对象数据的 URL。如果有需要对象处理的数据文件,要用 data 属性来指定这些数据文件。 STF
declare
declare 可定义此对象仅可被声明，但不能被创建或例示，直到此对象得到应用为止。 STF
height pixels 定义对象的高度。 STF
hspace pixels 定义对象周围水平方向的空白。 TF
name unique_name 为对象定义唯一的名称（以便在脚本中使用）。 STF
standby text 定义当对象正在加载时所显示的文本。 STF
type MIME_type 定义被规定在 data 属性中指定的文件中出现的数据的 MIME 类型。 STF
usemap URL 规定与对象一同使用的客户端图像映射的 URL。 STF
vspace pixels 定义对象的垂直方向的空白。 TF
width pixels 定义对象的宽度。 STF

<embed> 标签
<embed> 标签是 HTML 5 中的新标签。
属性
属性 值 描述
height pixels 设置嵌入内容的高度。
src url 嵌入内容的 URL。
type type 定义嵌入内容的类型。
width pixels 设置嵌入内容的宽度。


系统中通过jquery.playlist.js对index.html页面中的<ul>标签中的<li>标签播放列表进行控制，当用户对<li>标签中的内容产生单击事件时，jquery.playlist.js  就会接收到<li>标签中的<a href = “”>标签中的视频地址，并将此视频返回给浏览器。

调用jquery.playlist.js
<script type="text/ecmascript">
$(function() {
$("ul.demo1").playlist();
$("ul.demo2").playlist({addThumbs:true, autoPlay: false, holderId: 'player2'});
});
</script>
Index.html 代码如下：
<div id="news">
<ul class="demo2">
<li>
<a href="file/QQ.swf">Video 1</a>
</li>
<li>
<a href="file/ad.flv">Video 2</a>
</li>
<li>
<a href="file/video.flv">Video 3</a>
</li>
</ul>
</div>
问题：
没有实现播放列表的循环播放。

附件我上传了 这个文档，以及程序。

希望有兴趣的朋友能给我提些意见。也希望能有志同道合的朋友多多交流。

现在本人是一成长期的java小菜（呵呵）

评论

1 楼 里克尔奇 2011-02-10  

您好，谢谢你的文章，我测试了一下，但是视频没有充满播放器啊！急求解决！