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

AJAX技术
ajax poller
无框架 Ajax分页(原创)
AJAX 图片展示框架56个 提升开发效率
AJAX 客户端响应速度提高分析
揭开AJAX神秘的面纱(AJAX个人学习笔记)
Ajax Control Toolkit 34个服务器端控件
Ajax 核心框架函数及例子
AJAX 进度条实现代码
Unobtrusive的Web开发
ASP实例:ASP+AJAX制作无刷新新闻评论系统
Ajax和CSS设计的表格实例
css和Ajax制作的表格
AJAX结合CSS实现的网页Tab选项卡效果
实现一个基于Ajax的调查程序
ASP.NET+AJAX解决网页打开等待问题
XMLHttpRequest和AJAX虎视Web应用开发
IBM Google等巨头联手支持Open Ajax计划
php+ajax文件上传进度条
AJAX技术 vs 传统的ASP无刷新技术
利用ICallbackEventHandle实现类似AJAX的无刷新页面

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-13   浏览: 70 ::
收藏到网摘: 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>