您好,登錄后才能下訂單哦!
本篇內容主要講解“AJAX怎么實現在網頁里播放視頻”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強。下面就讓小編來帶大家學習“AJAX怎么實現在網頁里播放視頻”吧!
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>
到此,相信大家對“AJAX怎么實現在網頁里播放視頻”有了更深的了解,不妨來實際操作一番吧!這里是億速云網站,更多相關內容可以進入相關頻道進行查詢,關注我們,繼續學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。