利用AJAX開源項目 在網頁里播放視頻實現(xiàn)方法
更新時間:2008年11月13日 10:34:20 作者:
下載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 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>
>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>
相關文章
無限分級和tree結構數(shù)據(jù)增刪改【附DEMO下載】
這篇文章主要介紹了無限分級和tree結構數(shù)據(jù)增刪改的相關資料,需要的朋友可以參考下2016-05-05Ajax提交參數(shù)的值中帶有html標簽不能提交成功的解決辦法(ASP.NET)
這篇文章主要介紹了Ajax提交參數(shù)的值中帶有html標簽不能提交成功的解決辦法(ASP.NET),非常不錯,具有參考借鑒價值,需要的朋友參考下2016-12-12Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法
這篇文章主要介紹了Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實現(xiàn)方法,需要的朋友可以參考下2017-01-01Ajax+Struts2實現(xiàn)驗證碼驗證功能實例代碼
這篇文章主要介紹了Ajax+Struts2實現(xiàn)驗證碼驗證功能實例代碼的相關資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07AJAX+JSP實現(xiàn)讀取XML內容并按排列顯示輸出的方法示例
這篇文章主要介紹了AJAX+JSP實現(xiàn)讀取XML內容并按排列顯示輸出的方法,結合實例形式分析了ajax與后臺jsp頁面交互實現(xiàn)xml內容的排列輸出相關操作技巧,需要的朋友可以參考下2018-06-06ajax實現(xiàn)輸入框文字改變展示下拉列表的效果示例
這篇文章主要介紹了通過ajax實現(xiàn)輸入框文字改變展示下拉列表的效果,需要的朋友可以參考下2014-03-03