javascript - 幻灯片更改后暂停 html 视频,光滑的轮播
问题描述
我正在为 html 视频滑块使用光滑的轮播。我试图在幻灯片更改后暂停视频。代码只有在我播放视频时才有效,如果视频没有播放,并且当我回到那张幻灯片时我更改了幻灯片,我就无法再播放视频了。这是我正在使用的代码的一部分:
$( '.slider' ).on('beforeChange', function(event, slick, currentSlide, nextSlide){
var current = $(slick.$slides[currentSlide]);
current.html(current.html());
});
解决方案
与此同时,我想出了一个可行的解决方案:
$( '.slider' ).on('beforeChange', function(event, slick, currentSlide, nextSlide){
$("video").each(function(){
this.pause();
});
});
推荐阅读
- splunk - where vs sort:哪个更有效?
- firebase - Firebase Realtime orderbychild of child
- c# - 如何填写 skender.stock.indicators 的 IEnumerable 类?
- azure - Azure Vnet:在没有 Azure 防火墙的情况下控制到 fqdn 的流量
- django - 在 Django 中不循环会话密钥有什么风险?
- sql - 如何在更短的时间内将来自客户端数据库的数百万条记录导入我的数据库
- excel - 有没有办法让插入符号位置读取文本字段并选择所需的数字
- reactjs - 取消注册嵌套属性会删除整个对象
- freetype - 由于缺少 Freetype 字体,RDKit 编译失败
- apache-spark - DataProc 集群 FetchFailedException