原文转自：http://blog.csdn.net/gsls200808/article/details/25536113

1.用<embed>标签

下面这段代码只支持火狐，不支持IE

<html>

<title>VLC 测试</title>

<body>

<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"

	   width="640"

	   height="480"

	   id="vlc">

</embed>

<script language="Javascript">

	var vlc = document.getElementById("vlc");

	var mrl="rtsp://172.16.15.186:554/12345.sdp";

	//将地址添加到播放列表

	vlc.playlist.add(mrl);

	//播放

	vlc.playlist.play();

</script>

</body>

</html>

2.同时支持IE和火狐的代码

通过测试发现，IE8.0并不支持js代码中VLC插件的接口，版本1和2都不支持，但是火狐浏览器支持

<html>

<title>VLC 测试</title>

<body>

<!--将<embed>标签嵌入<object>标签内部之后可以同时兼容IE和火狐-->

<object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8" codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"

		width="640" height="480" events="True" id="vlc2">

	<param name="MRL" value="udp://@239.255.1.1:1234" />

	<param name="ShowDisplay" value="True" />

	<param name="Loop" value="False" />

	<param name="AutoPlay" value="True" />

	<embed type="application/x-vlc-plugin" pluginspage="http://www.videolan.org"

		   width="640"

		   height="480"

		   id="vlc">

	</embed>

</object>

<script language="Javascript">

	var vlc = document.getElementById("vlc");

	var mrl="rtsp://172.16.15.186:554/12345.sdp";

	//将地址添加到播放列表

	vlc.playlist.add(mrl);

	//播放

	vlc.playlist.play();

</script>

</body>

</html>

3.进一步精简的代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

<html>

	<head>

		<title>VLC 测试</title>

	</head>

	<body>

		<!--将<embed>标签嵌入<object>标签内部之后可以同时兼容IE和火狐-->

		<object classid="clsid:E23FE9C6-778E-49D4-B537-38FCDE4887D8"

				codebase="http://downloads.videolan.org/pub/videolan/vlc/latest/win32/axvlc.cab"

				width="640"

				height="480"

				events="True"

				id="vlc2">

			<param name="MRL" value="udp://@239.255.1.1:1234" />

			<param name="ShowDisplay" value="True" />

			<param name="Loop" value="False" />

			<param name="AutoPlay" value="True" />

				<embed type="application/x-vlc-plugin"

					   pluginspage="http://www.videolan.org"

					   width="640"

					   height="480"

					   src="rtsp://172.16.15.186:554/12345.sdp";

					   id="vlc">

				</embed>

		</object>

	</body>

</html>

VLC网页插件添加对火狐浏览器的支持的更多相关文章

  1. Ubuntu16.04安装官方Firefox 火狐浏览器 延长支持版（Extended Support Release, 简称“ESR”）

    Ubuntu16.04安装官方Firefox 火狐浏览器 延长支持版(Extended Support Release, 简称“ESR”) 延长支持版本(Extended Support Releas ...

  2. 解决文件上传插件Uploadify在火狐浏览器下，Session丢失的问题

    因为在火狐浏览器下Flash发送的请求不会带有cookie,所以导致后台的session失效. 解决的方法就是手动传递SessionID到后台. $("#fileresultfiles&qu ...

  3. 火狐浏览器开始支持3D游戏和视屏通话

    最近,Mozilla发布了第22版本的火狐浏览器,这个版本增加了对3D游戏.视频通话和文件分享功能的支持.现在使用者不必下载额外的插件或者第三方软件就可以使用上面的所有特性.为了鼓励更多的开发者为火狐 ...

  4. 关于火狐浏览器不支持img onerror的办法

    项目中,要使用到缺省图,除了火狐浏览器,其它浏览器都支持img onerror事件.我使用到的解决的办法就是给图片的外层标签加背景,背景图用的就是缺省图. 上代码 <img src=" ...

  5. vlc 网页插件的 使用与控制 API http://www.xuebuyuan.com/2224602.html

    不知道vlc 是什么的请百度一下.. vlc 提供了ie浏览器的activeX插件和火狐或者chrome的插件,基本上覆盖了所有浏览器,所以有复杂解码需求的情况下用vlc来解决网页播放视频,也是一种没 ...

  6. vlc 网页插件的 使用与控制 API

    下面开始使用教程: html文档结构: <object class="vlc" type='application/x-vlc-plugin' events='True' w ...

  7. 火狐浏览器不支持location.reload()（以改变页面大小时重新刷新页面为例）

    背景:当页面大小改变时需要重新刷新页面,以适应相应的尺寸 解决方法: var url = window.location.href; var parm = parseInt(Math.random() ...

  8. 用FireFox火狐浏览器的3D Tilt 插件查看网页3D视图效果

    逛博客发现了网页的3D视图效果,一搜原来是Firefox特有的一个功能,先看效果: 相当炫酷,接下来介绍如何实现. 1.首先安装3d tilt 插件: 从火狐浏览器的添加插件页面,搜索:3D Tilt ...

  9. 我给女朋友讲编程CSS系列(3) CSS如何设置字体的类型、大小、颜色，如何使用火狐浏览器的Firebug插件查看网页的字体

    一.CSS如何设置字体的类型.大小.颜色 设计网页时,一般设置body的字体,让其他标签继承body的字体,这样设置特别方便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体 ...

随机推荐

  1. python3下的super()

    大家都知道super是用来解决python钻石多重继承出现的基类重复调用的问题,这个就不赘述了,不了解的请点击. 但是我发现还有个问题在于不是钻石继承时继承先后顺序的问题,也就是如果mixin与继承的 ...

  2. ASP.NET实现文件下载

    转:http://blog.csdn.net/codeshark/article/details/2473664 方式一:TransmitFile实现下载.将指定的文件直接写入 HTTP 响应输出流, ...

  3. 苹果被拒的血泪史。。。（update 2015.11）

    项目提交了N此了,也审核N次了,苹果的审核机制依旧那么不急不慢.昨天刚刚又被拒了.回忆下之前的,总结一下吧. 2015.04.28 昨天被拒非常亏,app的评级是17+,但是在app展示图里有一个比较 ...

  4. HTML5和CSS3：游戏的变革Flexbox

    HTML5和CSS3给网络开发者提供了新的语法标签,本地动画工具,服务器端字体等等新增功能,这些并不是结束.开发者正苦于为网页设计挖出一条战壕 - 真正的页面排版工具,事实上,即便是最有前途的CSS3 ...

  5. oracle触发器应用

    首先给大家推荐两篇我看后的博文,我已经内容转载过来: 1.对触发器的讲解 本篇主要内容如下: 8.1 触发器类型 8.1.1 DML触发器 8.1.2 替代触发器 8.1.3 系统触发器 8.2 创建 ...

  6. window.clearInterval与window.setInterval的用法 定时器的设置

    window.setInterval() 功能:按照指定的周期(以毫秒计)来调用函数或计算表达式. 语法:setInterval(code,millisec) code:在指定时间到时要执行的Java ...

  7. core文件生成总结

    1.确定系统支持生成core dump文件 ulimit -c    如果返回0, 可以ulimit -c unlimited 设定 2.kill 加上信号量, kill 信号如下 信号 信号值 功能 ...

  8. Javascript闭包与作用域

    摘自开源中国 闭包和作用域是js中比较重要的知识,自己理解起来也有一定的难度 1.Javascript的作用域是函数作用域而非块级作用域 ? 1 2 3 4 5 6 7 8 9 10 11 12 // ...

  9. Web日志分析

    http://www.rising.com.cn/newsletter/news/2013-03-20/13380.html https://www.trustwave.com/Resources/S ...

  10. HADOOP:WARN util.NativeCodeLoader: Unable to load native-hadoop library for your platform... using builtin-java classes where applicable终于解决了

    WARN util.NativeCodeLoader: Unable to load native-hadoop library for your platform... using builtin- ...