Javascript JSSOR-如何自动播放和停止视频

Javascript JSSOR-如何自动播放和停止视频,javascript,slider,jssor,Javascript,Slider,Jssor,如何在滑动到(或显示)时启动视频,在滑出(或隐藏)时停止,并且当幻灯片继续循环时该过程重复 我基本上有以下幻灯片: console.log Playing和Paused显示和触发正确,start和pause不起作用 让我澄清一下“开始”的说法。它似乎有点开始,但它只是保持不动或显示一个黑屏,但这可能是因为视频开始与黑屏,它只是暂停可能?如果我通过显示控件手动启动视频,它实际上会播放,只是在调用“pause”方法时不会暂停 我还在幻灯片容器外添加了一个视频,当调用$JssorSlider$.$EV

如何在滑动到(或显示)时启动视频,在滑出(或隐藏)时停止,并且当幻灯片继续循环时该过程重复

我基本上有以下幻灯片:

console.log Playing和Paused显示和触发正确,start和pause不起作用

让我澄清一下“开始”的说法。它似乎有点开始,但它只是保持不动或显示一个黑屏,但这可能是因为视频开始与黑屏,它只是暂停可能?如果我通过显示控件手动启动视频,它实际上会播放,只是在调用“pause”方法时不会暂停

我还在幻灯片容器外添加了一个视频,当调用$JssorSlider$.$EVT_PARK时,视频会正确启动和暂停

不管怎样,我需要视频停止,而不是暂停,当它从循环幻灯片中再次轮到它时,从一开始就开始播放


提前感谢。

我最终使用了此事件:

$JssorSlider$.$EVT\u状态\u更改

适用于以下时间:

如果(progress==idleBegin)播放视频

然而,要暂停一下,我无法让这一个开火:

如果(进度==idleEnd)


相反,在progress==idlbegen条件中,我必须设置一个超时,以便在空闲结束之前运行pause()命令。

Hmm。。我说得太快了。上面的解决方案只适用于Firefox和IE。它不适用于Chrome。你找到解决方案了吗?
    <div data-u="slides" style="cursor: default; position: relative; top: 0px; left: 0px; width: 600px; height: 300px; overflow: hidden;">
        <div data-p="112.50" style="display: none;">
            <img data-u="image" src="img/02.jpg" />
        </div>
        <div data-p="112.50" style="display: none;">
            <img data-u="image" src="img/04.jpg" />
        </div>
        <div data-p="112.50" style="display: none;">
            <img data-u="image" src="img/05.jpg" />
        </div>
        <div data-p="112.50" style="display: none;">
            <img data-u="image" src="img/09.jpg" />
        </div>
       <div data-p="112.50" idle='10000' style="display: none;">
            <video id='video1' width="600" height="300" autoplay>
                <source src="img/video1.mp4" type="video/mp4">                                
            </video>             
        </div>
    </div>
function OnSlidePark(slideIndex, fromIndex) {
    var myVideo = document.getElementById("video1"); 
    if (slideIndex == 4)
    {
        setTimeout(function()
        {
        console.log('Playing');
        myVideo.play();            
        },2000); //to make sure the video is fully displayed
    }
    else if (fromIndex == 4)
    {
       console.log('Paused');   //but what I really want is "Stop" or reset from the beginning of the video but at a pause until play() is called or the video is shown again.
       myVideo1.pause();
    }
}