videoJS的引用
GitHub地址:https://github.com/videojs
注意设置flash插件允许运行

import "video.js/dist/video-js.min.css";
import videojs from "video.js";
import "videojs-flash";

vue动态绑定视频地址
地址修改,但是播放的视频流依然是初始化的视频

 <video
              id="video1"
              style="width:100%;height:100%;object-fit:fill"
              class="video-js vjs-default-skin vjs-big-play-centered"
              controls
              preload="auto"
              poster="//vjs.zencdn.net/v/oceans.png"
              data-setup="{}">
              <source v-bind:src="videoObj.videoServer" type="rtmp/mp4">
 </video>

错误方法
JS脚本修改地址,依然无效

document.getElementById("video1").src=text+".mp4";

使用video.js的接口实现地址动态修改

 var player = videojs('video1');        
 player.src(this.videoObj.robotPublic.videoServer); 
 player.play(); 
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐