利用AJAX開源項目 在網頁裡播放視頻實現方法
來源:互聯網
上載者:User
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>