H5播放视频控件介绍

最新推荐文章于 2024-04-11 20:28:47 发布

江山夜雨

最新推荐文章于 2024-04-11 20:28:47 发布

阅读量1w

点赞数

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/u011562107/article/details/78486695

版权

Javascript 专栏收录该内容

9 篇文章

订阅专栏

 
 
  
  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/