利用AJAX開源項(xiàng)目 在網(wǎng)頁里播放視頻實(shí)現(xiàn)方法
更新時(shí)間：2008年11月13日 10:34:20 作者：
下載videobox 1.1.zip把它解壓到asp.net項(xiàng)目的目錄下，并用“Add New Item”新建一個(gè)Html文件用以播放視頻。
1、參看
>http://videobox-lb.sourceforge.net/
>http://sourceforge.net/project/showfiles.php?group_id=203672
>下載videobox 1.1.zip把它解壓到asp.net項(xiàng)目的目錄下，并用“Add New Item”新建一個(gè)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>
>但這個(gè)只能播放youtube的視頻，youku等國內(nèi)的網(wǎng)站的視頻卻不能播放。下面這個(gè)就可以播放幾乎所有網(wǎng)站提供的視頻，就是外觀不如第一個(gè)。
>參看：
>http://stickmanlabs.com/lightwindow/
>下載http://stickmanlabs.com/lightwindow/lightwindow.zip，解壓就可以運(yùn)行了。里面的功能很多。我這里修改原來的index.html文件把它簡化為播放網(wǎng)絡(luò)上的視頻（還可以播放自己網(wǎng)站子目錄下的視頻）。
>代碼如下：
><!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項(xiàng)目的目錄下，并用“Add New Item”新建一個(gè)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>
>但這個(gè)只能播放youtube的視頻，youku等國內(nèi)的網(wǎng)站的視頻卻不能播放。下面這個(gè)就可以播放幾乎所有網(wǎng)站提供的視頻，就是外觀不如第一個(gè)。
>參看：
>http://stickmanlabs.com/lightwindow/
>下載http://stickmanlabs.com/lightwindow/lightwindow.zip，解壓就可以運(yùn)行了。里面的功能很多。我這里修改原來的index.html文件把它簡化為播放網(wǎng)絡(luò)上的視頻（還可以播放自己網(wǎng)站子目錄下的視頻）。
>代碼如下：
><!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>
相關(guān)文章
在web開發(fā)的時(shí)候經(jīng)常需要用到ajax，但是有些問題往往會(huì)被忽略，如果提交后需要在服務(wù)端做一些后臺(tái)操作的話因?yàn)闉g覽器默認(rèn)狀態(tài)下有緩存的原因，可能頁面上的信息還是正確的，但是后臺(tái)的邏輯代碼卻沒有真正的更新。2010-02-02
ajax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)
下面小編就為大家?guī)硪黄猘jax提交到j(luò)ava后臺(tái)之后處理數(shù)據(jù)的實(shí)現(xiàn)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-05-05
一個(gè)簡單的ASP+AJAX留言本源碼下載...2007-06-06
ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出
這篇文章主要為大家詳細(xì)介紹了ajax實(shí)現(xiàn)excel報(bào)表導(dǎo)出，解決亂碼問題，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-07-07
herf=#導(dǎo)致Ajax請(qǐng)求時(shí)沒有向后臺(tái)發(fā)送數(shù)據(jù)
當(dāng)點(diǎn)擊重命名進(jìn)行Ajax請(qǐng)求時(shí)，并沒有向后臺(tái)發(fā)送數(shù)據(jù)而是直接跳轉(zhuǎn)到了首頁，后來發(fā)現(xiàn)是這個(gè)herf=#惹的禍2014-05-05
AJax 把拿到的后臺(tái)數(shù)據(jù)在頁面中渲染的實(shí)例
今天小編就為大家分享一篇AJax 把拿到的后臺(tái)數(shù)據(jù)在頁面中渲染的實(shí)例，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法
ajax往后臺(tái)傳json格式數(shù)據(jù)報(bào)415錯(cuò)誤，什么原因?qū)е碌哪?，該怎么解決呢？下面腳本之家小編給大家?guī)砹薃jax向后臺(tái)傳json格式的數(shù)據(jù)出現(xiàn)415錯(cuò)誤的原因分析及解決方法感興趣的朋友一起看看吧2016-10-10
這篇文章主要為大家詳細(xì)介紹了如何使用ajax實(shí)現(xiàn)分頁技術(shù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-02-02
ajax判斷后端返回的數(shù)據(jù)是否為null的方法
今天小編就為大家分享一篇ajax判斷后端返回的數(shù)據(jù)是否為null的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新
這篇文章主要介紹了pushState、replaceState、onpopstate 實(shí)現(xiàn)Ajax頁面的前進(jìn)后退刷新的相關(guān)資料,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11