Youtube视频在bootstrap模式中表现得很奇怪

Question

我使用bootstrap的模态，并在其中嵌入了一个youtube iframe。 youtube工作，但表现得很奇怪：当打开模态时，它会显示一秒钟，但随后会消失。在某些情况下，当鼠标悬停在其上方时会再次出现，在相同情况下它不会出现，并且仅在关闭模态并重新打开时才会出现。 对这种行为的任何建议？

模态代码

<!-- 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>