在Chrome上通过vlc插件播放rtsp和rtmp视频
最近之前的老项目的vlc视频在Chrome上播放不出来了，查了很多资料，才发现Chrome上播放很有限制。于是为了让大家少走弯路，把资料整理了下，记录如下：
1.Chrome只有41版本以前才支持VLC插件，这里找了40的版本。在安装之前，一定要把本机已有的Chrome卸载掉。装完后要确认一下版本是40：
http://www.cnbeta.com/articles/soft/364651.htm
2.因为公司的vlc写法是object所以必须要下载小于2.2.0的vlc播放器客户端，vlc各个版本的下载地址如下：
http://download.videolan.org/pub/videolan/vlc/
注：参考了wiki的资料，很有用，大家可以看下：https://wiki.videolan.org/Documentation:WebPlugin/
下面是demo,可以播放rtsp和rtmp2种视频,大家可以直接拷到自己的编辑器中运行即可：
（1）index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div id="player" style="position:relative;text-align:center;"></div> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script src="index.js"></script> </body> </html>
(2)index.js
$(function(){
var url = "rtsp://184.72.239.149/vod/mp4://BigBuckBunny_175k.mov";//rtsp视频
url = "rtmp://live.hkstv.hk.lxdns.com/live/hks";//rtmp视频
if(url){
theHtml = '<object type="application/x-vlc-plugin" pluginspage="http://www.videolan.org/" id="vlc" events="false" width="480" height="300">'+
'<param name="mrl" value="' + url + '" />'+
'<param name="volume" value="50" />'+
'<param name="autoplay" value="true" />'+
'<param name="loop" value="false" />'+
'<param name="play" id="isPlay" value="true" />'+
'<param name="fullscreen" value="false" />'+
'<param name="controls" value="false" />'+
'</object>';
}else{
theHtml = "暂无视频连接";
}
document.getElementById("player").innerHTML = theHtml;
$("#vlc").css("width","480");
$("#vlc").css("height","300");
})
