有什么 web 直播播放器

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2646 天前的主题，其中的信息可能已经有所发展或是发生改变。

V 站处处是大佬，小白来问个问题都瑟瑟发抖。（逃
有什么播放器支持 rtmp 格式，并且可以支持弹幕的。用过 video.js 可以播放，用 jquery 的弹幕插件在播放器上加一层可以实现弹幕滚动，但是播放器一旦全屏弹幕就不显示了，有什么解决办法或者别的播放器吗。

播放器

弹幕

弹幕插件

rtmp

9 条回复 • 2017-09-21 01:07:13 +08:00

Elven

2017-09-20 12:12:46 +08:00 via iPhone

推测一下，可能是全屏之后，由 js 生成的覆盖层找不到要显示的位置。你可以从全屏这个事件着手解决～

ajeef

2017-09-20 12:13:09 +08:00 via Android

mvp 可以嵌入调用

royzxq

2017-09-20 14:44:36 +08:00

video.js 全屏是将 .video-js 这个元素全屏，你需要把弹幕的 div 丢进 .video-js 里面，就可以随着 vjs 全屏而全屏了。

监听 vjs 的 fullscreenchange 事件，还有 window 的 resize 事件

natforum

2017-09-20 14:47:32 +08:00

dplayer

natforum

2017-09-20 14:48:54 +08:00

@DlYgod 大佬的 t/279966

Wysten

2017-09-20 17:57:42 +08:00

@natforum Dplayer 貌似不能播放 rtmp

@royzxq 谢谢试一下

MinonHeart

2017-09-20 20:58:57 +08:00 via iPad

全屏没弹幕可能是层级设置有问题

Genteure

2017-09-20 23:45:38 +08:00

问题里要求支持 rtmp 播放，我的第一反应是：啥？浏览器能支持 rtmp 协议？
然后仔细去看了看 video.js 的文档
https://github.com/videojs/video.js/blob/master/docs/guides/faq.md#q-how-can-i-play-rtmp-video-in-videojs

Q: How can I play RTMP video in Video.js?

RTMP requires Flash to play back. You'll need both a browser that supports Flash and the Flash tech.

In Video.js version 6, the Flash tech is not included by default and is available as a separate videojs-flash package. In previous versions it was builtin to Video.js.

（此处省略两行）

Bear in mind that mobile browsers do not support Flash, and modern desktop browsers make it increasingly difficult to use Flash or disable it by default for your end users. Consider moving to a modern format such as HLS or DASH.

所以 video.js 的 rtmp 播放是用 Flash 实现的。。
个人觉得，还是直接把 rtmp 丢了，换个其他的播放方法吧，“ Consider moving to a modern format such as HLS or DASH.”

blanu

2017-09-21 01:07:13 +08:00 via iPhone

像 flv.js 一样，自己重写一套解码器哈哈