title: Bootsrap modal iframe not showing
body: <p>I hope you are well.
  It happens that I made a contact form in bootstrap mode and called the file &quot;index.php&quot;. After receiving the confirmation of sending I added a redirection to another page where a thank you image is shown and from where after 5 seconds a redirection occurs to the original contact page. Perfect!</p>
  <p>Then I thought that to avoid the redirection it would be convenient to use a div with a modal (modal_x) and I have replaced the code after success: function (data) {...... Now when completing and sending the form the modal apparently It is activated since it is not possible to scroll and after 5 seconds it is deactivated and the page returns to normal and is ready to be used again. The problem is that the iframe content does not appear or is not seen. In the browser console there are no errors. What could be causing the problem?
  Thanks in advance.</p>
  <p>PS: I changed the content of the iframe to a video link on Youtube and the result is the same.</p>
  <pre><code>**// Modal div** 
      &lt;body&gt;
              &lt;div class=&quot;row&quot;&gt;
                  &lt;div class=&quot;modal fade&quot; id=&quot;modal_x&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;exampleModalLabel&quot; aria-hidden=&quot;true&quot;&gt;
                      &lt;div class=&quot;modal-dialog&quot;&gt;
                          &lt;iframe width=&quot;560&quot; height=&quot;315&quot; src=&quot;https://www.youtube.com/embed/WQSnqKgQ-yk&quot; title=&quot;YouTube video player&quot; frameborder=&quot;0&quot; allow=&quot;accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture&quot; allowfullscreen&gt;&lt;/iframe&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
     
      
      **// OK to redirect…**
      success: function(data){
      window.location.href = &quot;tank_you.html&quot;; 
          
      **// ...Not OK to open the modal div (!?)**  
      $(function () {$('#modal_x').modal('show');setTimeout(function () { $('#modal_x').modal('hide'); }, 5000); });
  </code></pre>