質問編集履歴

1 コードブロック修正

cyorori

cyorori score 2

2016/12/28 22:30  投稿

bxsliderでyoutubeを複数スライドさせ、動画再生時は自動スライドを止めたいです。
bxsliderでyoutubeを複数スライドさせているのですが、
動画再生時は自動スライドを止め、
再生が終われば自動スライドを再開させる方法がわかりません。
色々調べてみたものの、jsの知識があまりなく、うまくいきません。
記述方法を教えていただけると嬉しいです。
何卒、よろしくお願いします。
-----html-----
```HTML
<div id="movie-slider">
 <ul>
   <li>
     <iframe width="258" height="151" src="https://www.youtube.com/embed/〇〇rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
   </li>
   <li>
     <iframe width="258" height="151" src="https://www.youtube.com/embed/〇〇rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
   </li>
   <li>
     <iframe width="258" height="151" src="https://www.youtube.com/embed/〇〇rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
   </li>
 </ul>
</div>
```  
-----js-----
```JS
$(document).ready(function(){
   $('#movie-slider ul').bxSlider({
       auto: false,
       pager: false ,
       slideWidth:258
   });
});
});
```
  • JavaScript

    20903 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    8326 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る