vue项目基于vue-video-player实现rtmp直播流视频一直出不来

以下是我的组件代码:
1、控制台也没有报错
2、更换了几个视频源的路径也没有出来(香港卫视: rtmp://live.hkstv.hk.lxdns.com/live/hks
CEN-中经电视: rtmp://116.213.200.53/tslsChannelLive/PCG0DuD/liveCCTV
证券资讯: rtmp://live.cctvcj.com/cctvcj/live1)
3、修改sources中的type为:type: "rtmp/mp4",还是播放不了
前辈们帮忙分析一下问题出在哪了

<template>
  <div style="width:500px;height:700px;margin:0 auto;">
    <videoPlayer class="vjs-custom-skin videoPlayer" :options="playerOptions"></videoPlayer>
  </div>
</template>
<script>
import "video.js/dist/video-js.css";
import { videoPlayer } from "vue-video-player";
import "videojs-flash";
export default {
  components: {
    videoPlayer
  },
  data() {
    return {
      playerOptions: {
        height: "300",
        sources: [
          {
            type: "rtmp/flv",
            src: "rtmp://116.213.200.53/tslsChannelLive/PCG0DuD/liveCCTV"
          }
        ],
        techOrder: ["flash"],
        autoplay: false,
        controls: true
      }
    };
  }![图片说明](https://img-ask.csdn.net/upload/201906/06/1559807928_528101.png)

};
</script>
weixin_41234005
myf素锦流年 回复weixin_46957480: 我换播放器了,现在换成flv.js了
2 个月之前 回复
weixin_46957480
weixin_46957480 你好,我也想做这个。请问你解决了吗?
2 个月之前 回复
weixin_46957480
weixin_46957480 你好,我也想做这个。请问你解决了吗?
2 个月之前 回复

1个回答

用的是chrome吧,记住一定要设置浏览器允许falsh,一定要允许,询问是不行的。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐