H5播放视频控件介绍

 
 

  
  
H5 video标签

  
  
浏览器中已经有默认的<video>标签可以支持播放一些常用的格式；比如mp4。但是，HTML5 Video开放式标签根据浏览器的不同而播放不同格式。兼容性不算很好，支持一些基本的视频格式。

当然还有更好的选择，小G笑着说，就好像要给我展示一个秘密武器一般：

  
  
jwplayer 播放器

  
  
相比video标签，jwplayer 播放器功能很强，支持的流媒体格式很多，也不需要按照插件。

  
  
结果当然是：我说的这种方案不行。

因为我们要对接的是摄像头的实时视频，这种视频的格式是RTSP视频流，显然video标签和 jwplayer 播放器并不支持；不过作为一些demo演示，播放一些mp4、flv等文件，倒是可以使用。

  
  
小G默默走开了。

  
  
隔天他找到了我，说有了解决方案。

  
  
vxgplayer

  
  
vxgplayer 可以在chrome下面使用，支持的流媒体格式很多，而且支持RTMP、RTSP等；

不过问题是需要安装一个chrome插件，安装插件本不是啥难事情，不过难点是要翻墙才能按照；不过这是目前能够找到的在chrome下播放实时视频最轻便的解决方案了，所以得想办法翻墙了。

  
  
vlc player

  
  
上面的vxgplayer只支持chrome浏览器，如果客户使用ie或者firefox的话，可以使用vlc player，vlc player 同样需要安装插件，需要电脑上安装vlc player的本地客户端，然后通过<Object></Object> 标签来引入播放器
 
 
https://www.videolan.org/