[Slider Revolution 6]如何在模块上显示Wistia Video。

Slider Revolution

发布日期：2021-01-04 09:08:12 发布日期：2019-10-30 09:13:48

这篇文章约4分阅读完。

如何在模块上显示Wistia Video。

视频ID位于iframe代码开头的“ src”部分的末尾。在下面的示例中，ID为“ a74mrwu4wi”。

此外，在iframe代码末尾更新“ width”和“ height”值。在下面的示例中，它们是“ 960”和“ 540”。

.is-wistia iframe {

可见性：隐藏；
不透明度：0；
过渡：所有0.3秒的缓解时间！过渡属性：可见性，不透明性！

}

.is-wistia.wistia-ready iframe {可见性：可见；透明度：1}

使用滑块的ID 号在顶部编辑“ revapi”部分。

/ *
将下面的“ revapi”部分中的数字替换为滑块ID
http://tinyurl.com/zb6hzpc
* /
var api = revapi37;

/ *无需在下面进行编辑* /
var touch =’ontouchend’ 在文档中；

jQuery（’。rev_slider’）。find（’iframe’）。每个（function（）{

var $ this = jQuery（this），
src = $ this.attr（’src’）;

如果（src.search（’wistia’）！== -1）{

$ this = $ this.closest（’。tp-caption’）;
$ this.data（’wistia-layer’，$ this.html（））。empty（）。addClass（’is-wistia’）;

}

});

api.on（’revolution.slide.onafterswap’，函数（e，数据）{

data.currentslide.find（’。is-wistia’）。每个（onLayers）；

}）。on（’revolution.slide.onbeforeswap’，function（e，data）{

var $ this = data.currentslide.find（’。is-wistia’）。empty（）。removeClass（’wistia-ready’）;
clearTimeout（$ this.data（’wistia-timer’））;

});

函数onLayers（）{

var $ this = jQuery（this），
frame = jQuery（$ this.data（’wistia-layer’））;

if（！touch）{
frame.one（’load’，onLoaded）.appendTo（$ this）;
}
else {
frame.appendTo（$ this）;
onLoaded.call（frame [0]）;
}

}

函数onLoaded（）{

api.revredraw（）;

var $ this = jQuery（this）.closest（’。is-wistia’）;
$ this.data（’wistia-timer’，setTimeout（function（）{$ this.addClass（’wistia-ready’）;}，500））;;

}