火狐低版本浏览器使用vlc插件播放rtsp实时视频
2018-01-03 16:13
836 查看
原文转自:http://blog.csdn.net/gsls200808/article/details/25536113
火狐浏览器:41.0 版本
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都不支持,但是火狐浏览器支持
3.进一步精简的代码
火狐浏览器:41.0 版本
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>
相关文章推荐
- 浏览器使用quicktime插件播放rtsp实时视频流
- 浏览器使用quicktime插件播放rtsp实时视频流
- 使用VLC浏览器插件播放RTSP流
- web网页中使用vlc插件播放相机rtsp流视频
- web浏览器无插件播放实时音视频技术---方案选择(一)
- 低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- VLC视频播放插件的使用
- 如何在Chrome播放 RTSP 实时视频,并且不能有插件
- 在浏览器中使用VLC插件播放在线影片
- 直接在低版本IE6/7/8浏览器中使用HTML5的audio和video标签播放视频音频的办法
- 在浏览器中使用VLC插件播放在线影片
- 使用canvas来实时播放RTSP视频
- iOS使用MobileVLCKit播放rtsp视频流
- 火狐浏览器 谷歌浏览器 安装vlc插件 播放摄像头 rtsp视频流
- VC 用微软插件或CHtmlView 开发浏览器时如何指定使用的IE内核版本
- iOS使用ffmpeg播放rstp实时监控视频数据流
- VLC播放RTSP视频延迟问题
- WPF中使用VLC播放控件制作多屏同步视频