jquery - HTML5 视频全屏不适用于 iPad

Question

我有一个 html5 视频流。我使用自定义控件，并使用 jQuery 将操作绑定(bind)到它们。这些控件之一是全屏按钮，它调用 video.webkitEnterFullScreen()。当我在 Safari 全屏中测试它时，它工作正常。当我在 iPad 上尝试时，它失败了。给了什么？

这是我在 html 中声明我的视频的方式:

<video preload="true" width="720" height="405"></video>

这是我的全屏按钮的声明:

<a href="javascript:;" class="fullscreen">
     <span class="icon"></span>
</a>

下面是我如何将按钮绑定(bind)到操作:

var video = $('video')[0];
$('body').find('.fullscreen').click(function(){
     video.webkitEnterFullscreen();
});

$('body').find('.fullscreen .icon').click(function(){
     video.webkitEnterFullscreen();
});

这同样适用于 safari，但不适用于 ipad。当将警报和日志记录语句包含到它们出现的函数声明中时，这意味着我的点击确实在 ipad 上注册，但视频没有进入全屏模式。帮助!

更新:为了澄清我的问题，我在播放时没有遇到问题。视频在 safari 桌面和 ipad 的 safari 中播放。在桌面版 safari 上，全屏有效，但在 ipad 版 safari 上全屏无效。

Answer 1

坏消息抱歉...到目前为止，iPad 不支持 webkitEnterFullscreen。好消息是规范已在此处起草:http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html

我们需要再等一段时间才能发生...