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>

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

src 这个地方要用require