利用AJAX开源项目 在网页里播放视频实现方法
程序员文章站
2022-06-24 16:16:39
1、参看 >http://videobox-lb.sourceforge.net/ >http://sourceforge.net/project/showfi...
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>
>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>
上一篇： AJax 学习笔记一(XMLHTTPRequest对象)
下一篇： 去加油