video.js 视频播放插件及常见问题

Zhang_314

于 2017-05-07 12:50:18 发布

阅读量6.3k

点赞数 1

分类专栏： js html css 文章标签： rtmp 视频插件 web

本文链接：https://blog.youkuaiyun.com/Zhang_314/article/details/71319816

版权

js html css 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何使用video.js插件在Web端实现RTMP格式的实时流媒体视频播放。作者尝试了多种插件后发现video.js配置简单且文档清晰易懂。文中提供了官方文档链接，并分享了一些常见问题的解决方案，如隐藏显示控制及视频地址切换的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这几天想在web端实现直播 rtmp 格式视频，试了好几个插件，jwplayer ckplayer plyr 等，都不是很顺手，感觉还是video 配置简单，文档通俗易懂。

http://docs.videojs.com/tutorial-options.html 这是文档地址，大部分问题都可以解决，比百度效率高。

https://github.com/videojs/video.js 这是 github 地址

一般大家遇到比较多的问题就是隐藏显示什么的，这个是不对的，尤其是用flash 的时候，下面是官网的一个思路，

modal.on('show', function() {
  var videoEl = modal.findEl('video');
  modal.player = videojs(videoEl);
});

modal.on('hide', function() {
  modal.player.dispose();
});

还有一个大家遇到的比较多的就是切换视频播放的地址这个的思路也应该和上面的一样，先dispose 然后重新实例化。

这个博客可以参考 http://blog.youkuaiyun.com/huang100qi/article/details/53405876