Javascript JSSOR-如何自动播放和停止视频
如何在滑动到(或显示)时启动视频,在滑出(或隐藏)时停止,并且当幻灯片继续循环时该过程重复 我基本上有以下幻灯片: console.log Playing和Paused显示和触发正确,start和pause不起作用 让我澄清一下“开始”的说法。它似乎有点开始,但它只是保持不动或显示一个黑屏,但这可能是因为视频开始与黑屏,它只是暂停可能?如果我通过显示控件手动启动视频,它实际上会播放,只是在调用“pause”方法时不会暂停 我还在幻灯片容器外添加了一个视频,当调用$JssorSlider$.$EVT_PARK时,视频会正确启动和暂停 不管怎样,我需要视频停止,而不是暂停,当它从循环幻灯片中再次轮到它时,从一开始就开始播放Javascript JSSOR-如何自动播放和停止视频,javascript,slider,jssor,Javascript,Slider,Jssor,如何在滑动到(或显示)时启动视频,在滑出(或隐藏)时停止,并且当幻灯片继续循环时该过程重复 我基本上有以下幻灯片: console.log Playing和Paused显示和触发正确,start和pause不起作用 让我澄清一下“开始”的说法。它似乎有点开始,但它只是保持不动或显示一个黑屏,但这可能是因为视频开始与黑屏,它只是暂停可能?如果我通过显示控件手动启动视频,它实际上会播放,只是在调用“pause”方法时不会暂停 我还在幻灯片容器外添加了一个视频,当调用$JssorSlider$.$EV
提前感谢。我最终使用了此事件: $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();
}
}