TICDCE

{ const index = Number(video.dataset.slideIndex || -1); if (index === this.current) { const playPromise = video.play(); if (playPromise && typeof playPromise.catch === 'function') { playPromise.catch(() => {}); } } else { video.pause(); } }); }, start() { if (this.total <= 1) return; this.stop(); this.progress = 0; const step = 50; this.interval = setInterval(() => { this.progress += (step / this.duration) * 100; if (this.progress >= 100) { this.next(); this.progress = 0; } }, step); }, stop() { if (this.interval) { clearInterval(this.interval); this.interval = null; } }, next() { this.current = (this.current + 1) % this.total; this.syncVideoPlayback(); }, prev() { this.current = (this.current - 1 + this.total) % this.total; this.progress = 0; this.syncVideoPlayback(); }, go(i) { this.current = i; this.progress = 0; this.syncVideoPlayback(); } }" :style="sectionHeightStyle()" x-init="start(); $nextTick(() => syncVideoPlayback())" @mouseenter="stop()" @mouseleave="start()">