大佬教程收集整理的这篇文章主要介绍了jquery – Slick Carousel：当youtube视频播放时暂停Slick自动播放，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
目前我正在使用下面的JS,但似乎没有任何工作.
$('#main-slider').slick({
slidesToShow: 1,slidesToScroll: 1,autoplay: true,autoplaySpeed: 3000,dots: true,infinite: true,adaptiveHeight: true,arrows: false
});
var video = $('#main-slider .slick-active').find('iframe').get(0).play();
$('#main-slider').on('afterChange',function(event,slick,currentSlide,nextSlidE){
$('#main-slider .slick-slide').find('video').get(0).pause();
var video = $('#main-slider .slick-active').find('video').get(0).play();
});
几乎没有类似的问题,但没有一个有@L_607_5@案.
Slick-carousel how to stop autoplay when video is on via youtube api
小提琴：http://jsfiddle.net/rijokpaul/pyzpg7st/2/
var tag = document.createElement('script');
tag.id = 'iframe-demo';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag,firstScriptTag);
var player;
function onYouTubeIframeAPIReady() {
var elems1 = document.getElementsByClassName('yt-player');
for(var i = 0; i < elems1.length; i++) {
player = new YT.Player(elems1[i],{
events: {
//'onReady': onPlayerReady,'onStateChange': onPlayerStateChange
}
});
}
}
function onPlayerReady(event) {
}
function handleVideo(playerStatus) {
if (playerStatus == -1) {
// unstarted
$('#main-slider').slick('slickPause');
} else if (playerStatus == 0) {
// ended
$('#main-slider').slick('slickPlay');
} else if (playerStatus == 1) {
// playing = green
$('#main-slider').slick('slickPause');
} else if (playerStatus == 2) {
// paused = red
$('#main-slider').slick('slickPlay');
} else if (playerStatus == 3) {
// buffering = purple
} else if (playerStatus == 5) {
// video cued
}
}
function onPlayerStateChange(event) {
handleVideo(event.data);
}
$(function() {
$('#main-slider').slick({
slidesToShow: 1,pauSEOnFocus: false,pauSEOnHover: false,arrows: false
});
});
$('#main-slider').on('beforeChange',nextSlidE){
$('.yt-player').each(function(){
this.contentWindow.postmessage('{"event":"command","func":"' + 'pauseVideo' + '","args":""}','*')
});
});
还更新了iframe,如下所示
<iframe class="yt-player" src="https://www.youtube.com/embed/lqj-QNYsZFk?controls=1&rel=0&enablejsapi=1"></iframe>
以上是大佬教程为你收集整理的jquery – Slick Carousel：当youtube视频播放时暂停Slick自动播放全部内容，希望文章能够帮你解决jquery – Slick Carousel：当youtube视频播放时暂停Slick自动播放所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。