jquery - YouTube视频在 Bootstrap 模式中表现怪异

Question

我使用bootstrap的模式，并在其中嵌入了youtube iframe。 youtube可以运行，但 Action 很奇怪:打开模式时，它会显示一秒钟，然后消失。在某些情况下，将鼠标悬停在其上方时，它会再次出现；在某些情况下，则不会出现，并且仅在关闭模式并重新打开时才会显示。
对这种行为有什么建议吗？

模态代码

<!-- Modal -->
<div id='Hanale_modal' class='modal fade autoModal' role='dialog'>
  <div class="modal-dialog modal-lg" >

  <!-- Modal content-->
    <div class="modal-content autoModal" style='margin:auto;'>
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>
      <div class="modal-body">

        <div class='modal_upper_part'>
          <p>
            <iframe class='modal_youtube hide_on_collapsed' src='https://www.youtube.com/embed/Ksm4gS48Ov0' frameborder='0' allowfullscreen ></iframe >
          </p>
        </div>  
     </div>
   </div>
  </div>

Answer 1

尝试

<div class='modal_upper_part'> 
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>
</div>