利用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>

时间: 2024-09-15 18:41:00

利用AJAX开源项目 在网页里播放视频实现方法的相关文章

利用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 XHTM

win7使用360安全浏览器在网页中播放视频出现花屏怎么办

  win7使用360安全浏览器在网页中播放视频出现花屏怎么办?windows操作系统自带IE浏览器,但是一些win7 64位系统用户觉得IE浏览器使用不习惯,下载安装360安全卫士,在使用360安全卫士打开网页播放视频的时候出现花屏,视频根本没办法观看,怎么办呢?出现这样的情况只需要用360浏览器修复一下即可解决,下面来看看具体的解决方法. 具体步骤: 1.在浏览器的底部,我们可以看到"加速器"."下载"等字样,点击"加速器"左侧的"

html5-如何实现iPhone在网页上播放视频

问题描述 如何实现iPhone在网页上播放视频 在html5中,使用video标签,播放视频,不能在网页上自动播放,必须要弹出视频框播放,怎么样才能直接在网页上播放? 解决方案 因为 iOS的safari不支持网页中的flash 解决方案二: http://www.zhihu.com/question/20126050

Android编程实现播放视频的方法示例

本文实例讲述了Android编程实现播放视频的方法.分享给大家供大家参考,具体如下: 播放视频文件其实并不比播放音频文件复杂,主要是使用 VideoView 类来实现的.这个 类将视频的显示和控制集于一身,使得我们仅仅借助它就可以完成一个简易的视频播放器. VideoView 的用法和 MediaPlayer 也比较类似,主要有以下常用方法: 方法名 功能描述 setVideoPath() 设置要播放的视频文件的位置. start() 开始或继续播放视频. pause() 暂停播放视频. res

如何利用live555开源库从摄像机抓取视频数据并保存文件?

live555简介 live555是一个为流媒体提供解决方案的跨平台的C++开源项目,它实现了对标准流媒体传输协议(如RTP/RTCP.RTSP.SIP等)的支持.同时,live555实现了对多种音视频编码格式(包括MPEG.H.263+.DV.JPEG等)的流化.接收和处理等的支持.目前,live555已经被用于多款播放器的流媒体播放功能的实现,如VLC.MPlayer.MediaPortal.ivrworx等. live555库文件的编译生成 live555开源项目网址是:http://ww

网页中播放视频的问题

问题描述 我用下面的代码写了一个播放视频的网页<OBJECTid=mediaplayerclassid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"><paramname="FileName"value="Videos/<%=Request.QueryString["videoid"].ToString()%>.wmv"></OBJECT&g

html5直接在网页上播放视频兼容所有浏览器

HTML5可以用video标签来播放视频 当前,video 元素支持三种视频格式: 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件 MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 WebM = 带

新浪微博自动播放视频如何关闭?自动播放视频关闭方法

为了节省流量或一些场合我们不希望它们这样直接播放了我们希望在我们点击之后再加载视频了,下面小编为各位演示一下操作过程. 1.打开"新浪微博"-"个人中心中"-"设置"效果如下. 2.在设置中找到通用设置的选项 3.在通用设置中关闭自动播放wifi的选项 好了上文是小编为各位整理的一篇关于你的新浪微博自动播放时我们设置它不这样自动播放的操作过程了,希望此教程可以对各位有用.

Edge浏览器设置后台停止播放视频的方法

1.现在我们点击"设置"找到下面的"隐私"项.如图所示. 2.在进入到浏览器的"隐私"我们再找到"背景应用",如图所示. 3.然后在进入到"背景应用"中我们找到"Microsoft Edge",然后把开关给打开了,我们点击"关".如图所示. 4.回到Edge浏览器,播放个视频,再最小化试试,这样就自动停了,我们看占用是不是0%了?