如果owl carousel有视频，如何运行自动播放视频？

<div class="owl-carousel">
  <div class="item">
    <video src="video.mp4" autoplay loop muted></video>
  </div>
  <div class="item">
    <img src="image1.jpg" alt="Image 1">
  </div>
  <div class="item">
    <img src="image2.jpg" alt="Image 2">
  </div>
</div>

$('.owl-carousel').owlCarousel({
  items: 1,
  autoplay: true,
  autoplayTimeout: 5000,
  autoplayHoverPause: true,
  onInitialized: startVideo // 自定义回调函数
});

function startVideo() {
  var video = $('.owl-item.active video');
  if (video.length > 0) {
    video.get(0).play();
  }
}

$('.owl-carousel').on('changed.owl.carousel', function(event) {
  var video = $('.owl-item.active video');
  var videos = $('.owl-item video');
  videos.each(function() {
    this.pause();
  });
  if (video.length > 0) {
    video.get(0).play();
  }
});