現在、もっともポピュラーでカスタマイズ性が高く実装が簡単な、レスポンシブ対応のスライドショーjQueryモジュールである「slick.js」。 弊社にて提供中のWordPressテーマ「DigiPress」シリーズの次期テーマには、トップページのスライダーに動画を含めることが要件としてあるため、今回はそんな人気のスライドショーモジュール「slick.js」を利用して、画像だけでなくYouTube、Vimeo、さらにHTML5のvideo要素の動画もスライドとして含める方法を、次期リリース予定のテーマ向けに考えてみました。 今回のデモで動画スライドを含めたスライドショーを実装する要件は以下です。 スライドに動画を含める要件 動画は、YouTube、Vimeo、video要素のムービーを含めることができる 動画スライドが表示された際は、自動再生させる 動画スライドが非アクティブになった際は、一
![slick.jsにYouTube, Vimeo, video要素の動画を含めて自動再生するスライダーを生成する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/66f017adb192cb49400fa5e6eee350530e47d8ce/height=288;version=1;width=512/https%3A%2F%2Fdigipress.info%2F_wp%2Fwp-content%2Fuploads%2F2017%2F08%2F464024.jpg)