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

时间:2015-11-23 07:16:32

标签: jquery twitter-bootstrap youtube modal-dialog

我使用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>

0 个答案:

没有答案