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

赞 (0)

相关推荐

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

  • uniapp小视频项目开发之滑动播放视频

    uniapp小视频项目开发之滑动播放视频

    目录 1.监听视频滑动 2.播放和暂停 3.增加播放.暂停视频功能 4.增加双击点赞 5.控制首个视频自动播 6.动态渲染视频信息 总结 1.监听视频滑动 给 swiper 增加 @change="change",这个时间在我们完成一次滑动后执行,在 methods 下增加 change 事件,并打印结果: change(res){ console.log(res); } 其中 res.detail.current 表示当前页数 还可以监听滑动方向,因此增加 @touchstart=&

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

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

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

  • Android利用代码控制设备上其他音乐播放器的方法

    Android利用代码控制设备上其他音乐播放器的方法

    前言 由于最近项目遇到,蓝牙手表设备在不配对的情况下监听按键给出相应的控制回应,所以研究了下 网上找了很多不过对于现在来说,很多手机设置没有反应,这里给出一个比较统一的方法 项目需求如下图: 项目需求 方法如下: *这里主要是为了控制的实现其他的不多说,直接上代码,只是记录下以后也许还会用到 private long eventtime = 0; private AudioManager vAudioManager = null; //此处在onCreate方法中初始化 eventtime =

  • nodejs利用ajax实现网页无刷新上传图片实例代码

    通常情况下上传图片是要通过提交form表单来实现的,但是这又不可避免的产生了网页转. 利用ajax技术和FormData()对象可以有效的解决这个问题 废话不多说 直接上关键代码: html部分 <div class="form-group"> <label>File input</label> <input type="file" name="file" id="file">

  • GitHub入门教程 手把手教你最简单的开源项目托管

    GitHub入门教程 手把手教你最简单的开源项目托管

    自从google code关闭了下载服务了之后,GitHub作为了目前最好用的免费开源项目托管站点,众多开源项目都托管在github,其中不乏著名的播放器MPC-HC. 不习惯于英文的朋友,难免少不了要进行摸索一番,甚至会因此头大而放弃. 这里将手把手地教大家一些本人的入门心得. 1.要托管到github,那你就应该要有一个属于你自己的github帐号,所以你应该先到github.com注册 打开浏览器 在地址栏输入地址:github.com 填写用户名.邮箱.密码 点击Sign up即可简单地

  • 使用开源工具制作网页验证码的方法

    开发工具:eclipse.kaptcha-2.3.jar包. 一.创建Web项目: 二.新建一个Jsp页面(内容有,一个文本框,一个图片容器,一个提交按钮) <body> <img alt="random" src="randomcode.jpg" onclick="changeR(this)" style="cursor: pointer;"> <form action="check.

  • Python优秀开源项目Rich源码解析的流程分析

    这篇文章对优秀的开源项目Rich的源码进行解析,OMG,盘他.为什么建议阅读源码,有两个原因,第一,单纯学语言很难在实践中灵活应用,通过阅读源码可以看到每个知识点的运用场景,印象会更深,以后写代码的时候就能应用起来:第二,通过阅读优秀的开源代码,可以学习比人的代码规范.设计思路:第三,参与到开源社区,获得更广阔的的发展前景:第四,面试加分项.所以,有时间的话还是建议大家多读读优秀开源项目的源码. 下面进入今天的主题,这个开源项目的名字叫Rich,地址:https://github.com/wil

  • 搭建一个开源项目两种方式安装git的详细教程

    一.开始工具的安装 1.git 安装git工具有两种方式,一种就是利用自带包管理工具,一种是源码编译安装 (1)由于CentOS已经具有包管理器因此只需要一行命令即可自动安装 yum install git (2)自行下载git安装包,进行安装首先下载tar包,然后移动到root目录中 从图中可见移动的轨迹,下面使用解压命令解压,得到目录git-2.28.0 tar -zxvf 复习tar是用来建立,还原备份文件的工具程序,它可以加入,解开备份文件内的文件. 参数: -z或--gzip或--un

  • Django利用AJAX技术实现博文实时搜索

    Django利用AJAX技术实现博文实时搜索

    学习Python Web和Django开发不能只学习Python.我们有时必需借助其它技术比如AJAX实现我们想要的功能.今天我们就要利用Django 2.0 + AJAX开发一个功能性页面: 我们一边输入关键词,网页一边会给你提示所找到的博文数量. 什么是AJAX技术?它的应用场景有哪些? Ajax 即"Asynchronous Javascript And XML"(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术.通过在后台与服务器进行少量数据交

随机推荐