Używam suwaka jako wielokrotnego suwaka galerii, a jednym z elementów jest klip na YouTube. Wszystko działa wspaniale, z wyjątkiem sytuacji, gdy użytkownik kliknie następny lub poprzedni slajd, który będzie nadal odtwarzany. Nie mogę znaleźć żadnej dokumentacji dotyczącej automatycznego wstrzymywania lub zatrzymywania klipu YouTube, gdy jest poza ramką.Zręczny suwak - Zatrzymaj klip w YouTube, gdy suwak przejdzie do następnej klatki.
5
A
Odpowiedz
7
Używam zręczny v1.5.9 i rozwiązać ten problem, obecnie używam jquery.each
pętli wszystkich iframe i zapytać każdego z iframe, aby zatrzymać odtwarzanie po Slick suwaka afterChange
zdarzenie zostało wyzwolone.
Jak zatrzymać iframe:
można odnieść here umieć zatrzymać/wstrzymać iframe YouTube.
Slick suwaka afterChange
wydarzenie:
Możesz przejść do github Slick-suwak, aby dowiedzieć się więcej o jego events/settings
Poniżej jest moje kodów dla odniesienia:
$('.hero-slider').on('init', function(event, slick){
//init code goes here
}).on('afterChange',function(e,o){
//on change slide = do action
$('iframe').each(function(){
$(this)[0].contentWindow.postMessage('{"event":"command","func":"' + 'stopVideo' + '","args":""}', '*');
});
}).slick();
p/s: pamiętaj, że parametr ifrube w parametrze iframe umożliwia: isjsapi = 1:
<iframe src="https://www.youtube.com/embed/xxxxxx?autoplay=0&enablejsapi=1"></iframe>
Powiązane problemy
- 1. javascript youtube like suwak control
- 2. Suwak głośności podobny do VLC
- 3. suwak javascript ważone wartości
- 4. samouczki suwak jQuery?
- 5. Jak zaimplementować suwak w wiązce
- 6. Jquery UI: suwak zasięgu. Który suwak jest przesuwany?
- 7. góry na dół suwak
- 8. zakres suwak JavaScript/podwójny suwak istnieje bez używania ramy
- 9. Wdrażanie suwak zoom QGraphicsView
- 10. suwak jssor pozycja miniatury
- 11. bezpłatny suwak warstwy jquery?
- 12. Suwak obrazu jest przerywany
- 13. Dyskretny suwak w widgecie matplotlib
- 14. Jak kolorować suwak (sliderInput)?
- 15. Plotly animowany suwak w Pythonie
- 16. Suwak AVPlayer szukający wstecz Problem
- 17. jQuery ui suwak błędne wartości?
- 18. jQuery Suwak f jest niezdefiniowany
- 19. bootstrap suwak karuzela niestandardowe strzałki
- 20. Zestaw Sprite iOS7 - Dodaj suwak
- 21. Suwak Jquery Range z podpowiedzką
- 22. Tworzenie suwak pionowy HTML elementu
- 23. suwak ma zawsze domyślną szerokość
- 24. $ („# slider_range”) suwak nie jest funkcją
- 25. JavaFX: Ukryj suwak/dzielnik SplitPane
- 26. Suwak w postaci taśmy. Błędy w Safari
- 27. Jak zaimplementować suwak zakresu jQuery w AngularJS
- 28. jak wyłączyć suwak w pliku bootstrap-slider.js?
- 29. Jak zrobić okrągły suwak w reaktywnym natywnym
- 30. Jak zagnieżdżać suwak materializecss w obrębie paralaksy?