Jquery 在bootstrap 3.3.4活动转盘上播放html视频，并在下一个或上一个转盘上停止

我想在bootstrap 3.3.4 carousel上的活动幻灯片上播放html5视频，当下一张或上一张幻灯片是我的示例js代码时停止播放

$('#myCarousel').bind('slid', function (e) {
$('#videoId').get(0).play()
});

---

这是我的代码

这是我的解决方案，我不知道它是否有效，但对我来说效果很好：）

$（“#视频”）.on（'slided.bs.carousel'，函数（e）{
$（“#video.video”）.empty（）；
$（“#video.item.active”）.addClass（'animated fadeIn'）；
$（“#video#vid-1.active.video”）.append（“”）；
$（“#video#vid-2.active.video”）.append（“”）；
$（“#video#vid-3.active.video”）.append（“”）；
$（“#video#vid-4.active.video”）.append（“”）；
$（“#video#vid-5.active.video”）.append（“”）；
});

 $("#video").on('slid.bs.carousel', function (e) {
 $("#video .video").empty();
 $("#video .item.active").addClass('animated fadeIn');
 $("#video #vid-1.active .video").append('<video muted loop autoplay class="media-player" src="videos/4696286.mp4" id="fast"><source src="videos/4696286.mp4" type="video/mp4"></source></video>');
 $("#video #vid-2.active .video").append('<video muted loop autoplay class="media-player" src="videos/7883158.mp4" id="fast"><source src="videos/7883158.mp4" type="video/mp4"></source></video>');
 $("#video #vid-3.active .video").append('<video muted loop autoplay class="media-player" src="videos/8075803.mp4" id="fast"><source src="videos/8075803.mp4" type="video/mp4"></source></video>');
 $("#video #vid-4.active .video").append('<video muted loop autoplay class="media-player" src="videos/1138051.mp4" id="fast"><source src="videos/1138051.mp4" type="video/mp4"></source></video>');
 $("#video #vid-5.active .video").append('<video muted loop autoplay class="media-player" src="videos/1675216.mp4" id="fast"><source src="videos/1675216.mp4" type="video/mp4"></source></video>');
});