数秒後にモーダルを消すには？

Question

私はModal内でIframeを使用していますが、数秒後にモーダルを含むdivを非表示にしていますが、実際の画面にはピントが合わないため、まだフェードアウトしています。より明確にするために、以下の画像を確認してください。もう1つの質問ですが、プレイヤーのバーを変更する方法はありますか？私はビデオの下で再生と一時停止を行っています。その本当の退屈。

他の通常のページと同じようにフォーカスが当てられているが、まだ退色している​​このメインページ。

強いテキスト

コードは、ここにある

<div class="logo" id="div3"> 
     <div class="embed-responsive embed-responsive-16by9"> 
      <div id="myModal" class="modal fade"> 
       <div class="modal-dialog"> 
        <div class="modal-content"> 
         <div class="modal-body"> 
          <iframe id="Video" width="900" height="500" src="C:\Users\deeptim\Downloads\picture_shop_logo.mp4" allowfullscreen ALLOWTRANSPARENCY="true"></iframe> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

と機能が

 $(document).ready(function() { 
      setTimeout(function() { 
       $("div#logo_text").fadeOut("slow", function() { 
       $("div#logo_text").hide(); 
       $("div#logo_img").show(); 
       $("div#div3").hide(); 
       $("div#myCarousel").show(); 
       }); 
      }, 5000); 
     }); 

    setTimeout(function() { 
     $('#div3').fadeOut('fast'); 
    }, 5000); 

    $(document).ready(function() { 
     var url = $("#Video").attr('src'); 

     $("#myModal").on('hide.bs.modal', function() { 
      $("#Video").attr('src', ''); 
     }); 

     $("#myModal").on('show.bs.modal', function() { 
      $("#Video").attr('src', url); 
     }); 

     $("#myModal").modal(); //Display modal on load 

    }); 

ある要件の上に実現する方法はありますか？

Answer 1

$("#myModal").modal("hide")を実際にhideに使用すると、個別のコンポーネントを個別に隠すのではなく、モーダルになります。また、私は正確に同じ遅延を持つ2つのtimeoutsがなぜあるのか分かりません。次のことを試してみてください。

 $(document).ready(function() { 
      setTimeout(function() { 
       $("div#logo_text").fadeOut("slow", function() { 

       $("div#logo_img").show(); 

       //Hide modal window 
       ////////////////////////////////////// 
       $("#myModal").modal("hide"); 
       ////////////////////////////////////// 

       $("div#myCarousel").show(); 
       }); 
      }, 5000); 
     }); 

    $(document).ready(function() { 
     var url = $("#Video").attr('src'); 

     $("#myModal").on('hide.bs.modal', function() { 
      $("#Video").attr('src', ''); 
     }); 

     $("#myModal").on('show.bs.modal', function() { 
      $("#Video").attr('src', url); 
     }); 

     $("#myModal").modal("show"); //Display modal on load 

    });