vue组件引用video JS 播放RTMP视频流,并动态修改视频地址
·
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();
更多推荐
已为社区贡献4条内容
所有评论(0)