嵌入的 vimeo 视频无法在 iPad 上播放答案

【问题标题】：Embedded vimeo videos will not play on iPad嵌入的 vimeo 视频无法在 iPad 上播放
【发布时间】：2013-01-12 03:08:31
【问题描述】：

她的网址是：http://greyhawkfilms.com/whatwedo.html

它在 iPhone 上播放良好，但当我尝试在 iPad 上播放时，只播放音频，没有视频。

我使用的嵌入代码在这里：

<iframe id="iframe1" src="http://player.vimeo.com/video/57884624" width="768px" height="432px" frameborder="10px" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

【问题讨论】：

标签： html ipad embed vimeo

【解决方案1】：

这个问题似乎是由于隐藏了 Vimeo 播放器造成的。我看到你在你的代码中这样做了：

<div id="about-1-VP" style="display: none;">
  <div class="videoplayer">
    <div class="closevp"><a href="javascript:return:false"><span class="closevpbutton">(x) CLOSE</span></a>
    </div>
    <iframe id="iframe1" src="http://player.vimeo.com/video/57884624" width="768" height="432" frameborder="10" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
  </div>
</div>4

为避免此问题，请尝试使用其他方法来隐藏 iframe 元素而不是 display:none，例如附加一个将元素置于屏幕外的类，例如

.special-hide
{
    position: absolute;
    left:-99999px;
}

然后在显示 Vimeo 播放器时删除该类。

【讨论】：