原文转自：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. codevs 1993 草地排水 USACO

    /*Dinic*/ #include<iostream> #include<cstdio> #include<cstring> #include<queue& ...

  2. Swift - 08 - 元组

    //: Playground - noun: a place where people can play import UIKit // 元组就是将多个不同的值集合成一个数据 /* 元组是Object ...

  3. 《JavaScript高级程序设计》读书笔记

    Javascript由以下三部分组成: 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) ECMAScript组成部分: 语法.类型.语句.关键字.保留子.操作符.对象. ...

  4. 3.题目：求s=a+aa+aaa+aaaa+aa...a的值，其中a是一个数字。例如2+22+222+2222+22222(此时共有5个数相加)，几个数相加有键盘控制。

    public static void main(String[] args) {                Scanner scanner=new Scanner(System.in);      ...

  5. Js 旋转平滑特效

    效果图 源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...

  6. android 9Path图片的使用

    Android UI设计时,经常会使用图片作为背景,比如给按钮设置背景图片时,图片会默认缩放来适应整个按钮.但是有时这种缩放效果并不是我们所需求的.而我们只是希望缩放图片的特定位置,以此来保证按钮的视 ...

  7. 使用EF实现数据库的增删改查

    EF的使用步骤:(1)将EF添加到项目:在Model右击添加新建项找到ADO.NET实体数据模型,接着…(2)实现数据库的增删改查查询(因为在Model中已经添加EF实体了,所以就可以在Control ...

  8. Java学习----你的选择是什么-条件结构

    import java.util.Scanner; public class Student { public static void main(String[] args) { byte money ...

  9. underscorejs-where学习

    2.7 where 2.7.1 语法: _.where(list, predicate) 2.7.2 说明: 对list集合的每个对象依次与predicate对象进行匹配,返回一个数组(数组为匹配成功 ...

  10. [xfire]使用xfire开发webservice的简单示例

    目前项目上有用到xfire,所以临时看了些xfire的资料和示例,自己照着写了一个简单示例. xfire在2007年后已经停止更新,正式更名为apache cxf,也可以说是xfire2.0. xfi ...