fvs中,怎么实现多条视频自动轮播,播放完第一条视频,自动播放第二条视频

FineReport yzmtNkwc0063713 发布于 2025-6-9 14:32
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
snrtuemcLv8专家互助
发布于2025-6-9 14:32

这个目前标准不支持

可以咨询帆软技术

最佳回答
0
ScyalcireLv7高级互助
发布于2025-6-9 14:57
  1. 几个办法,其中限制最多的办法:

  2. 第一个办法:拉一个tab,每个tab放一个视频组件,绑定需要播放的视频,然后设置tab的轮播时间(受限制视频个数、性能、每个视频的长短)

  3. image.png

  4. 第二个办法:是否是监控类等视频流,可以对接数据、获取视频链接的?可以的话试一下

  5. 第一步:拖入一个「监控视频组件」到画布,命名为 videoPlayer

  6. 第二步:页面加载结束事件添加代码var videoList = [  "rtsp://server1/video1",  // 视频1地址

 "rtsp://server2/video2",  // 视频2地址  "rtsp://server3/video3"   // 视频3地址];var currentIndex = 0;

  1. 第三步:动态切换并监听结束事件

  2. function playNextVideo() {  var player = _g().getWidgetByName("videoPlayer");    // 更新视频源  player.setOption('monitorAddress', videoList[currentIndex]);    // 获取视频DOM元素(需延迟确保加载)  setTimeout(function() {    var videoEl = player.el.querySelector('video');    if (videoEl) {      // 监听结束事件      videoEl.onended = function() {        currentIndex = (currentIndex + 1) % videoList.length;        playNextVideo(); // 播放下一条      };      videoEl.play(); // 开始播放    }  }, 1000); }// 启动轮播playNextVideo();

  • 3关注人数
  • 19浏览人数
  • 最后回答于:2025-6-9 14:57
    请选择关闭问题的原因
    确定 取消
    返回顶部