利用AJAX開源項目 在網頁里播放視頻實現方法
2024-09-01 08:29:32
供稿：網友
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 rel="vidbox 400 300" title="caption">youtube懷念哥哥張國榮特輯</a>
<a 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 rel="vidbox 400 300" title="caption">youtube懷念哥哥張國榮特輯</a>
<a rel="vidbox" title="caption">our video</a>
>
</body>
</html>
