几个办法,其中限制最多的办法: 第一个办法:拉一个tab,每个tab放一个视频组件,绑定需要播放的视频,然后设置tab的轮播时间(受限制视频个数、性能、每个视频的长短) 
第二个办法:是否是监控类等视频流,可以对接数据、获取视频链接的?可以的话试一下 第一步:拖入一个「监控视频组件」到画布,命名为 videoPlayer 第二步:页面加载结束事件添加代码var videoList = [ "rtsp://server1/video1", // 视频1地址
"rtsp://server2/video2", // 视频2地址
"rtsp://server3/video3" // 视频3地址];var currentIndex = 0; 第三步:动态切换并监听结束事件 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();
|