嵌入式vimeo视频无法在iPad上播放

时间:2013-01-28 17:34:13

标签: html ipad embed vimeo

她是网址: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>

1 个答案:

答案 0 :(得分:0)

此问题似乎是由隐藏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播放器的时候删除课程。