如何獲得模態到幾秒鐘後消失？

我使用iframe內的模態，我幾秒鐘後隱藏含有情態格但實際的屏幕並沒有得到關注，它還是淡出。請檢查下面的圖像更清晰。還有一個問題，是否有任何方法可以改變播放器欄，我正在視頻下面播放和暫停。它真正的無聊。如何獲得模態到幾秒鐘後消失？

這個主頁與其他普通頁面一樣，但它仍然褪色。

強大的文本

代碼是在這裏，

<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 

    });

有什麼辦法達到上述要求？

來源

2017-09-23 deepti mullur

你做了什麼樣的代碼隱藏模式？ –

請加你現在在做些什麼，直到，所以，這將是很容易提出一個解決方案 – Sumit

加入請檢查。 –

使用$("#myModal").modal("hide")實際hide的模式，而不是單獨躲在各個組件。此外，我不明白爲什麼你有兩個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 

    });

來源

2017-09-23 14:45:38 Thusitha

它的工作，謝謝。我正在改變其他兩種圖像視頻越過之後，但現在我去掉它不是良好的編程風格，因爲如果用戶之前完成他們不會找到圖像，直到5秒關閉視頻。還有一個問題是有可能改變玩家。付款人酒吧我越來越低真的無聊？ –

@deeptimullur很高興聽到這個消息。 – Thusitha

能不能請你回答這個問題，還有一個問題是否有可能改變的球員。付款人酒吧我越來越低真的無聊？ –

如何獲得模態到幾秒鐘後消失？

回答

相關問題