vue-video-player无法播放rtmp

图片描述

图片描述

按照教程。感觉没问题了 源我也测试过了,都可以使用,但是就是播放不了一直再报这个错误很蛋疼。
video.cjs.js?0e26:441 VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) No compatible source was found for this media.

有大佬帮忙看下吧

阅读 25.8k
9 个回答

已经测试可以播放rtmp

首先,除了安装vue-video-playe,还需要手动安装videojs-flash
这里要注意,安装的时候要用npm,不要用cnpm

图片描述

然后就是配置了

图片描述

这里用了湖南台的直播流,亲测可用,
地址:"rtmp://58.200.131.2:1935/livetv/hunantv"

最后就是浏览器允许运行flash了

如果成功了,小小支持一下,谢谢

新手上路,请多包涵

npm install --save videojs-contrib-hls

clipboard.png

新手上路,请多包涵

请问 后来解决了吗? 怎么解决的?

新手上路,请多包涵

试着引入 "videojs-flash "插件 看看能不能使用

新手上路,请多包涵

解决了嘛?我也碰到这样的问题了

新手上路,请多包涵

试用了vue-video-player 5.0.2可以播放rtmp视频,步骤如下:

npm install vue-video-player --save

vue-video-player中已经写明了依赖的video.js和videojs-flash版本,因此不用再手动install图片描述

没有做全局的引入,只在页面修改
html:
图片描述

js:
图片描述

css: (播放图标看大家都用圆的,cv过来)
图片描述

tips:
1.测试rtmp地址网上随便找的,有试过楼主那个香港电视台的,现在貌似不可用了
2.swf类型文件未添加解析错误,只需在webpack.base.conf中用url-loader解析swf路径即可

新手上路,请多包涵

1.引入videojs-flash,vue-video-player里面已经带了这个插件,所以不用再单独install,直接引入
图片描述

2.页面允许播放flash
图片描述

我这样操作成功了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏