Question

您好我正在使用bootstrap模式弹出窗口来查看我的网页中的YouTube视频共享，如果我在所有浏览器中单击视频按钮引导模式弹出窗口正确打开。如果我关闭bootstrap模式它正确关闭除SAFARI浏览器看到图像差异。告诉如何解决

这是我的代码

<div class="modal fade pop_video" id="Product_video<?php echo $i; ?>" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog entp_product_video">
    <div class="modal-content">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel"><strong>Product video</strong></h4>
        </div>
    <div class="modal-body">
        <div style='width:50%'>
        <?php if(!empty($row['product_vedio'])) {
        $pos = strpos($row['product_vedio'],"youtube" ) ;
        $pos1 = strpos($row['product_vedio'],"youtu.be") ;
        if($pos  != "" ) {
        $domain =   $row['product_vedio'] ; 
        $domain = str_replace('https://www.youtube.com/watch?v=','',$row['product_vedio']); 
        }
        if($pos1  != "" ) {
        $domain = str_replace('https://youtu.be/','',$row['product_vedio']); 
        }
        ?>
         <object id="yutb_video" width="570" height="275" data="http://www.youtube.com/v/<?php echo $domain; ?>"></object>  <br />

        <br />

        <?php } ?>
        </div>  
        <div id="clearall"></div>
    </div>

    </div>
</div>

屏幕截图链接

https://www.dropbox.com/s/a108l0ymq9gcx3w/img1.jpg?dl=0

https://www.dropbox.com/s/m3loq4bkdcte1ly/img2.jpg?dl=0

第一个链接屏幕截图是关闭bootstrap模式弹出窗口

第二个链接屏幕截图是在关闭bootstrap模式弹出窗口之前

HTML Bootstrap Modal Popup Youtube视频

0 个答案: