Question

我有一个带有一些图像的滑块。单击一个图像时，图片将被删除，并在其中添加带有嵌入式vimeo视频的iframe。

除Safari外，其他地方都很棒。当您在Safari中单击它时，视频会显示在iframe外面几乎一半的位置，导致大部分视频被切断。您无法看到控件，因此您无法暂停视频。但它仍在播放。

为什么会这样移动。我想让它留在它的父容器里，就像在FF和Chrome中一样。

$(document).ready(function() {
$('.flexslider').flexslider({
    animation: 'slide',
    controlNav: false,
    slideshow: false,
    });

$("#iframeContainer").click(
     function () {
        $('#holdFrame').hide();
        var someText = '<iframe src="http://player.vimeo.com/video/35534572?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;color=ffffff" width="960" height="540" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
        var newDiv = $("<div>").append(someText);
            $(this).append(newDiv);
             }
        )       
   });

HTML：

<div class="flexslider">
  <ul class="slides">
    <li>
    <div id="iframeContainer">
         <img src="MotorolaStill_Patt.jpg" id="holdFrame" />
     </div>
    </li>
    <li>
    <img src="MOTOROLA_BTS_01.jpg" />
    </li>
    <li>
    <img src="MOTOROLA_BTS_02.jpg" />    
    </li>
  </ul>
</div>

Answer 1

你只是想让它无法在野生动物园中使用它，所以它不会出现在野生动物园中，你必须这样做：

<!--
$(document).ready(function() {
$('.flexslider').flexslider({
    animation: 'slide',
    controlNav: false,
    slideshow: false,
    });

$("#iframeContainer").click(
     function () {
        $('#holdFrame').hide();
        var someText = '<iframe src="http://player.vimeo.com/video/35534572?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=1&amp;color=ffffff" width="960" height="540" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
        var newDiv = $("<div>").append(someText);
            $(this).append(newDiv);
             }
        )       
   });
-->

隐藏的iframe视频在Safari中移动

1 个答案: