1

在我的 iOS 程序中，我正在运行一个 webView，我在其中加载了 youtube.com 网站（不仅仅是我的 html 页面上的独立视频）。

在那里我有自己的控件（按钮），我想用 JQuery“单击”全屏按钮（我已经注入 webView.

这是我试图用 JQuery “点击”的按钮

 <button type="button" class="html5-fullscreen-button html5-control-right ytp-tooltip-anchor hid yt-uix-button yt-uix-button-player yt-uix-button-empty" onclick=";return false;" tabindex="15" data-value="fullscreen" data-tooltip-default="Full screen" data-tooltip="Full screen" data-tooltip-alt="Exit full screen" role="button" aria-label="Full screen">

这是我试图用来“点击”进入全屏的 JQuery。

$('.html5-fullscreen-button').click();

这就是我从 iOS 按钮单击它的方式（我也尝试过

[self.watchView stringByEvaluatingJavaScriptFromString:@"theJqueryFindFullscreenClickFunction"];

这是完整的 html/Jquery http://jsfiddle.net/sturla76/G6GdV/6/玩。

回顾一下：

  1. 如何使用 Jquery 单击 iOS 按钮？
  2. iOS（iPhone / iPad）是否有可能停止/禁止“点击”？
  3. 如果停止/禁止，是否有人知道如何让 html5 播放器进入 webview-fullscreen（不是设备全屏）？也许与CSS？

我的规格： 我在 iPad 2 上运行 JQuery mobile 1.3.1、iOS 6.1。

4

1 回答 1

0

不完全是。我不能准确地说出 webview 的任何独特怪癖，但以下内容将适用于 Mobile Safari。

假设您将 YouTube 播放器作为 iframe 嵌入，您无法进入其中以强制该按钮上的点击事件，甚至根本无法访问该按钮。这是因为浏览器/DOM 内置了跨域安全限制。

但是，您可以通过使 iframe 元素本身全屏显示来伪造它。许多桌面浏览器都支持Full Screen API，您可以使用它来使网页上的任何元素全屏显示。iOS 不支持这一点，但您可以通过将 iframe 调整为页面的 100% 高度和宽度来解决它（确保设置“位置：绝对”）。

不过，您还需要担心一个技巧，即一旦调整 iframe 的大小，您需要告诉 YouTube 调整其中的视频和控制元素的大小。您可以使用 YouTube 的 iframe API 做到这一点。您可以在此处找到有关如何进行设置的说明，并setSize在进入和退出全屏时使用该方法与 iframe 的尺寸。

于 2013-06-23T17:03:16.003 回答