weixin_41234005
myf素锦流年
采纳率0%
2019-06-06 16:03 阅读 3.0k

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>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • weixin_47106075 weixin_47106075 2020-07-08 15:45

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

    点赞 评论 复制链接分享
  • MisDake1 MisDake1 2020-12-24 14:41

    src 这个地方要用require

    点赞 评论 复制链接分享

相关推荐