チェ・ゲバムラの日記

脱犬の道を目指す男のブログ

【JSライブラリ・bxSlider】videoタグが自動再生されないとき確認すること

スライドの中でVideoタグを自動で再生させたいことがあった。
適当に入れただけだとautoplayとか入れても動かないので調べてみたら
そのままでは動かないらしい。

結論
bxSliderはコールバック関数が豊富に用意されているので、
その中のonSliderLoadを使えば良い。

$(function() {
  var $video = $('#video').get(0);

  $slider = $('.bxslider').bxSlider({
    infiniteLoop: true,
    onSliderLoad : function() {
      $video.play();
    }
  });
});

これさえわかってればクリックされたら動かすとかそういうのもいろいろと応用できそう。