当前位置: 首页 > 图文教程 > 网络编程 > AJAX技术 > 利用AJAX开源项目 在网页里播放视频实现方法

AJAX技术
用AJAX技术聚合RSS
Ajax 网址备忘
用javascript实现页面无刷新更新数据
ajax应用
AJAX入门之XMLHttpRequest慨述
AJAX入门之深入理解JavaScript中的函数
XMLHttpRequest of ajax
ajax 检测用户名是否被占用
开始研究Ajax. 第一天
ajax 不错的应用
Ajax技术(WEB无刷新提交数据)-
AJAX应用之注册用户即时检测
AJAX初体验之上手篇
ASP小偷程序如何利用XMLHTTP实现表单的提交
AJAX打造博客无刷新搜索
Flash & Ajax 操作 XML 实例:无刷新分页
Ajax 汇总以及初步评价
基于 Ajax 的无限级菜单
AJAX请求类
发布三个ajax相关的函数,包括无刷新提交表单等

AJAX技术 中的 利用AJAX开源项目 在网页里播放视频实现方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 60 ::
收藏到网摘: n/a

下载videobox 1.1.zip把它解压到asp.net项目的目录下,并用“Add New Item”新建一个Html文件用以播放视频。 1、参看
>http://videobox-lb.sourceforge.net/
>http://sourceforge.net/project/showfiles.php?group_id=203672
>下载videobox 1.1.zip把它解压到asp.net项目的目录下,并用“Add New Item”新建一个Html文件用以播放视频。Html文件完整代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
></head>
<body>
><a href="http://www.youtube.com/watch?v=Yl907BFn6v4" rel="vidbox 400 300" title="caption">youtube怀念哥哥张国荣特辑</a>
<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">our video</a>
>
</body>
</html>
>但这个只能播放youtube的视频,youku等国内的网站的视频却不能播放。下面这个就可以播放几乎所有网站提供的视频,就是外观不如第一个。
>参看:
>http://stickmanlabs.com/lightwindow/
>下载http://stickmanlabs.com/lightwindow/lightwindow.zip,解压就可以运行了。里面的功能很多。我这里修改原来的index.html文件把它简化为播放网络上的视频(还可以播放自己网站子目录下的视频)。
>代码如下:
><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript" src="js/videobox.js"></script>
<link rel="stylesheet" href="css/videobox.css" type="text/css" media="screen" />
></head>
<body>
><a href="http://www.youtube.com/watch?v=Yl907BFn6v4" rel="vidbox 400 300" title="caption">youtube怀念哥哥张国荣特辑</a>
<a href="http://www.youtube.com/watch?v=uhi5x7V3WXE" rel="vidbox" title="caption">our video</a>
>
</body>
</html>