有什么 web 直播播放器

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

This topic created in 3342 days ago, the information mentioned may be changed or developed.

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

播放器

弹幕

弹幕插件

rtmp

9 replies • 2017-09-21 01:07:13 +08:00

Elven

Sep 20, 2017 via iPhone

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

ajeef

Sep 20, 2017 via Android

mvp 可以嵌入调用

royzxq

Sep 20, 2017

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

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

natforum

Sep 20, 2017

dplayer

natforum

Sep 20, 2017

@DlYgod 大佬的 t/279966

Wysten

Sep 20, 2017

@natforum Dplayer 貌似不能播放 rtmp

@royzxq 谢谢试一下

MinonHeart

Sep 20, 2017 via iPad

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

Genteure

Sep 20, 2017

问题里要求支持 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

Sep 21, 2017 via iPhone

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