モーダルブートストラップ閉じる動画を閉じる

4863 ワード
bootstrap webdev tutorial javascript テキストリンク
私がブートストラップモーダルを使用してビデオデータを表示するとき、それは正常に動作しますが、問題は、私がビデオを再生するときに開始し、ビデオを閉じる開始すると、それはまだビデオが舞台裏で遊んでいることがわかります.私がこの問題に対処したことは、ここにあります.

目的


モーダルボタンが押されるとき、ビデオが閉じられて、自動再生するとき、リフレッシュURLを取り扱うスクリプトJSをつくってください.

プリリアリール

  • 使い方を理解するmodal ブートストラップで.
  • JavaScriptの使用foreach 配列.

    • モード同定


    インマイcase 各々の様相は、彼ら自身のものを持ちますid それで、私は以下のように配列で1つにそれらを集めます.
    
var modals = ["#thestory", //name modal target
              "#theprophecy",
              "#theannouncement",
              "#theincarnation",
              "#promo_kka",
              "#promo_kingstone",
              "#kingstone_intro",
              "#kingstone_digital",
             ];

    2 .スクリプトハンドルループ


    このループスクリプトは、同じパラメータを使用しますid を返します.そして、jQueryの助けを借りて、それぞれオープンモードと設定モードを設定します.
    modals.forEach(myFunction);

function myFunction(item) {
   //berjalan ketika modal close agar video di reload dan tidak play ketika close
   $(item).on('hidden.bs.modal', function (e) {
    $(item + " video").attr("src", $(item + " video").attr("src"));
   });

   //berjalan ketika modal open, agar play automatis
   $(item).on("shown.bs.modal", function (e) {
    $(item + " video")[0].play();
   })
}
    完了
    未来への想いid セレクタを使うclass 定義.
    AWS Cloudshellで遊ぶ
    数字を通貨表示にする