html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

	<head>

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<title>视频剪辑</title>

	</head>

	<body>

		<div style="width:100%">

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_1' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/Q1M_2020878286.3gp' />

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_1"></span>秒

			</div>

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_2' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/Q600_2020877459.3gp' />

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_2"></span>秒

			</div>

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_3' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/Q350_2020877450.3gp' />

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_3"></span>秒

			</div>

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_4' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/M200_2020877455.3gp '/>

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_4"></span>秒

			</div>

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_5' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/Q200_2020877449.3gp' />

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_5"></span>秒

			</div>

			<div style="width:30%;float:left">

				<object type='application/x-vlc-plugin' id='vlc_6' events='True' width="360" height="270" codebase="axvlc.cab">

					<param name='mrl' value='http://118.85.193.213/mobi/vod/vod_pub/st02/2015/07/28/M100_2020877452.3gp' />

					<param name='volume' value='50' />

					<param name='autoplay' value='true' />

					<param name='loop' value='false' />

					<param name='fullscreen' value='false' />

				</object>

				測试计时<span id="span_6"></span>秒

			</div>	

		</div>

</body>

</html>

js代码

<script type="text/javascript" src="jquery.min.js"></script>

		<script type="text/javascript">

		var vlcArray=new Array()

		$(function() {

			for(var i=1;i<7;i++){

				var vlc_id="vlc_"+i;

				var obj = new vlcObject();

				obj.vlc=document.getElementById(vlc_id);

				vlcArray.push(obj);

			}

			begin();

		})

		function begin(){

			for(var i=1;i<7;i++){

				var index=i-1;

				obj=vlcArray[index];

				//state =3 表示正在播放

				if(obj.vlc.input.state==3){

					if (obj.isPlay==1){

						//观看时长赋值

						obj.seeTime=(new Date().getTime() - obj.beginTime)/1000+obj.stopTime;

					}

					else{

						obj.isPlay=1;

						obj.beginTime=new Date().getTime();

						obj.stopTime=obj.seeTime;

					}

				}

				//state =4 表示暂停播放;state =5 表示停止播放 state =2 表示缓冲

				if (obj.vlc.input.state==4 || obj.vlc.input.state==5 || obj.vlc.input.state==2){

					obj.isPlay=0;

				}

				setSeeTime(obj,i);

			}

			setTimeout("begin()",1000);

		}

		function setSeeTime(obj,id){

			var span_id="#span_"+id;

			$(span_id).html(parseInt(obj.seeTime));

		}

		//自己定义vlc对象

		function vlcObject() {

			var temp = new Object;

			temp.vlc = new Object;

			//观看时长

			temp.seeTime=0;

			//開始播放时间

			temp.beginTime=0

			temp.isPlay=0;

			//暂停前观看的时长

			temp.stopTime=0;

			return temp;

		}

		</script>

自己生成axvlc.cab方法

现成的axvlc.cab包

最新文章

  1. .NET 基础一步步一幕幕[面向对象前言]
  2. Castle.ActiveRecord多数据库配置
  3. java8--类加载机制与反射(java疯狂讲义3复习笔记)
  4. oracle 知识
  5. 数据结构 《6》----堆 ( Heap )
  6. MVC初学 - The type or namespace name &#39;DbContext&#39; could not be found
  7. JAVA实现实用的ZIP压缩与解压
  8. Spring 学习笔记（七）—— 切入点表达式
  9. 由路由器AP隔离引起的WEB服务不能访问的问题
  10. sparksql错误报No such file or director
  11. Django知识点汇总
  12. idea maven项目打war包 以及项目重新部署
  13. luogu P3674 小清新人渣的本愿
  14. python获取子进程的返回值
  15. C#正则验证字符串是否全是数字
  16. 算法：基于 RingBuffer 的 Deque 实现
  17. Echarts【1、数据过多导致显示不全分页，2、数据展示探讨分析】
  18. SCWS中文分词，词典词性标注详解
  19. Spring MVC @RequestParam
  20. Eloqument 学习

热门文章

  1. mysql:having 用法
  2. Day15模块(导入,使用)
  3. MIP启发式算法：爬山算法 (Hill climbing)
  4. ProxyHandler处理器__代理设置__自定义opener
  5. Leetcode 406.根据身高重建队列
  6. [android开发篇]权限分类:正常权限和危险权限
  7. 2017ACM/ICPC广西邀请赛-重现赛（感谢广西大学）
  8. idea16使用maven命令clean、编译、打包jar或者war
  9. 洛谷 P 1330 封锁阳光大学
  10. 狗书（flask基础）