video.js播放视频

Question

大佬们请问为什么video.js播放视频转圈,控制台没有报错

  <video
          id="huiFangBodyVideoBox"
          class="video-js vjs-default-skin"
          controls
          preload="auto"
          width="500px"
        >
          <source src="null" type="application/x-mpegURL" />
  </video>   


    findHisVideoMethod() {
      console.log("开始时间", this.dateFormat(this.datePickerValGo));
      let _go = this.dateFormat(this.datePickerValGo);
      let _over = this.dateFormat(this.datePickerValOver);
      let _id = this.videoInfo.id;
      console.log("结束时间", this.dateFormat(this.datePickerValOver));
      console.log("id", this.videoInfo.id);
      let url =
        "http://11.11.20.12:8090/vod/ipc" +
        _id +
        "/?begintime=" +
        _go +
        "&endtime=" +
        _over +
        "";
      this.getVideo();
      this.$nextTick(() => {
        var myPlayer = videojs("huiFangBodyVideoBox");
        myPlayer.src([
          {
            type: "application/x-mpegURL",
            src: url
          },
        ]);
        myPlayer.play();
      });
    },

    getVideo() {
      videojs(
        "huiFangBodyVideoBox",
        {
          bigPlayButton: false,
          textTrackDisplay: false,
          posterImage: true,
          errorDisplay: false,
          controlBar: true,
        },
        function () {
          this.play();
        }
      );
    },

Answer 1

封面图是自己传的？还是视屏中读取的？

如果不是你自己传的，看上去已经成功了，（代表能解析资源）

不过提供一下流和代码吧。如果流正常推了，那么你看看是不是没点播放之类的问题。

network 也可以看看流量在持续跑没有。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。