Javascript 出现视频时暂停滑块

我有一个多年前为我创建的滑块。滑块支持带有计时器的图像和视频，但计时器同时支持这两种功能，因此，例如，如果我将计时器设置为每10秒运行一次，它将每10秒旋转一次滑块。我面临的问题是，如果视频没有完成，它只会在10秒时切断视频

以下是json文件结构：

// Json Object
var data = [{

    tags: [{
    name: 'a',
    content: '<img src="images/1.jpg">',
                cssanimate: 'fadeIn',
                attr: {
                    href: '#',
                    title: 'Image With Hyperlink'
                }
            }]
    },{
    tags: [{
        name: 'video',
        source: {
            mp4: 'sample2.mp4',
            ogg: ''
        }
    }]

}];

// Call Slider function
$(window).load(function () {
    $('#slideshow-slider').jSonSlider({
    'loadallslides': false,
    'auto': [true, '1000'],
    'nextprev': false,
    'circular': true,
    'pagi': false,
    'data': data
    });
});

//Json对象
风险值数据=[{
标签：[{
名称：‘a’，
内容：“”，
cssanimate:“fadeIn”，
属性：{
href:“#”，
标题：“带有超链接的图像”
}
}]
},{
标签：[{
名称：'视频'，
资料来源：{
mp4:'样本2.mp4'，
ogg:'
}
}]
}];
//调用滑块函数
$（窗口）。加载（函数（）{
$（“#幻灯片放映滑块”）.jSonSlider({
“loadallslides”：false，
“自动”：[true，'1000']，
“nextprev”：错误，
"通告":对,，
"pagi":错,，
“数据”：数据
});
});

我需要它做的是暂停滑块时，视频播放。视频结束触发后，恢复滑块。我相信可以使用以下命令暂停滑块（来自开发人员）

_this.find（'.playpause.pause'）.trigger（'click'））

以下是完整的js代码：


谢谢大家!

---

任何帮助都将不胜感激

您需要创建一个保存视频状态的变量，以及一个设置视频状态的函数。在

标签内，您可以让

onplay

和

onpause

设置视频状态

根据您在问题中包含的JSFIDLE：

• 在第308-336行，如果

  obj_data[i].tags[tag].name==“video”

  它包括
  和
  标记
  • 在第309行，您可以包括

    onplay

    和

    onpause

    事件

  ---

  • 将其设置为

    tag_html+=”非常感谢您的回复-非常详细！我正在研究您所说的内容，但对如何修改setInterval部分有点困惑…@code\u secret我更新了上面的代码片段。我添加了一个
    auto_slide
    功能和
    setInterval
    。非常感谢，但我不知道这是怎么回事；）该标记是否替换了第210到216行？在JSFIDLE中，HTML、CSS和JS有单独的框。
    标记只允许我在HTML文件中添加JavaScript代码。。。这是不必要的。这只是一个示例，向您展示正在使用的
    onplay
    和
    onpause
    。请看我答案中的JSFIDLE链接，因为它包含了我的修改。您将看到我在回答中列出的行中所做的更改。