如果模式处于打开状态，并且模式的第一个轮播项中的 Bootstrap 轮播界面是视频，则播放视频

问：

我有多个模态，它们都有一个 Bootstrap 4 轮播，其中包含视频和图像的混合。如果第一个轮播项目有视频，我希望自动播放视频。一切正常，除了我无法使用视频的内置暂停控制暂停视频。视频暂停片刻，然后再次开始播放。以下是我到目前为止尝试的代码 -

$(document).ready(function() {

                

                function showModalAlert() {
                    setInterval(function() {

                        
                        var firstSlide = $('#LegacyModal #custCarousel1 .carousel-inner').find('.carousel-item').first();

                        // alert(firstSlide.hasClass('active'));


                        var video = document.getElementById("LegacyVideo");
                        

                        if (firstSlide.hasClass('active') && ($('#LegacyModal').hasClass('show'))) {
                            // console.log(video)

                            if (video && video.paused) {
                                video.play();
                                console.log("Video played");
                            }
                        }

                        else {
                            
                             // Check if the video is playing before pausing it
                            if (video && !video.paused) {
                                video.pause();
                                console.log("Video paused");
                            }  
                        }
                    }, 1000);

                }

                $("#LegacyModal").on("show.bs.modal", showModalAlert);
                
                
            });