Slick-Karussell, wie autoplay deaktivieren, wenn das video via youtube api
Hallo, ich habe Schwierigkeiten slick carousel (http://kenwheeler.github.io/slick/) beendet das autoplay, wenn ich Sie mit einem youtube-clip in den regler..
Jemand gesagt, dass ich verwenden können, onAfterChange-aber wissen noch nicht, wie das deaktivieren der autoplay bei Videos ist auf (Geist, dies ist, wenn Maus NICHT auf dem video)
Hier ist der code, ich bin über jede Hilfe wäre nett 🙂
$("#slider").slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
dots: true,
autoplay: true,
autoplaySpeed: 7000,
infinite: true
});
/* **************************************** *
* Youtube API
* Create player
* **************************************** */
var player;
window.onYouTubePlayerAPIReady = function() {
$("#player").hide();
var player_id = 'player';
var $player = jQuery('#'+player_id);
var parent = $player.parent();
player = new YT.Player(player_id, {
videoId: 'HevnOuJY1TM',
height: parent.height(),
width: '100%',
playerVars: {
'autoplay': 0,
'controls': 0,
'rel' : 0,
'disablekb' : 0,
'modestbranding' : 1,
'showinfo': 0,
'html5': 1
},
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
var sizeVideo = _.debounce(function() {
player.setSize('100%', parent.height());
}, 500);
jQuery(window).on('load resize', sizeVideo);
jQuery(window).trigger('resize');
};
function onPlayerReady() {
$("#slide-video").on("click", function() {
$(this).css('background','transparent');
$("#player").show();
player.playVideo();
});
}
function onPlayerStateChange(event) {
if(event.data === 0) {
$(".countdown").fadeIn();
}
if(event.data === 1) {
$(".countdown").fadeOut();
}
if(event.data === 2) {
$(".countdown").fadeIn();
}
if( 1 === event || 2 === event || 3 === event) {
$('#slider')
.slick('slickPause')
.slick('slickSetOption', 'autoplay', false, true);
} else {
$('#slider').slick('slickPlay')
.slick('slickSetOption', 'autoplay', true, true);
}
}
});
- Ich habe eine neue Antwort hier: stackoverflow.com/questions/47301432/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Fand ich eine Lösung für mein problem:
Dies funktioniert bei mir in chrome & Safari Firefox.. nicht auf der Arbeit und IE kann ich nicht probieren, da ich nicht auf einem pc, aber auf einem MAC, aber thats, warum ich geputtet eine hover-Funktion incase jemand wollen, um die Maus dort?
update: Okay es funktioniert jetzt alles ... es ist nur, nachdem Sie das video auf pause und dann wieder NACH den Schieberegler gegangen ist, sobald er nicht den slickPause Funktion mehr.
Den
onAfterChange
ist eine Eigenschaft von slick geführt werden kann in den plugin-initiation.BEARBEITEN
Stoppen Sie den Schieberegler, wenn das video startet, ich denke mal der Suche an Ihrem code, hier ist was Sie versuchen könnte:
onPlayerReady