如何防止我的 Phonegap 应用在 ios 上全屏播放视频？

Posted 2023-03-15

【中文标题】如何防止我的 Phonegap 应用在 ios 上全屏播放视频？

【英文标题】：How can I prevent my Phonegap app from playing video full screen on ios?

【发布时间】：2014-08-25 17:55:33

【问题描述】：

我正在制作一个 Phonegap 应用程序，我正在使用 embed.ly。 Embed.ly 获取视频链接并将视频嵌入您的页面。下面是执行此操作的代码：

$.embedly.defaults.key = 'my unique key is here';

$(document).ready(function () 
var url = urlaft; //the url variable contains the video url like youtube 

var urladd = '<li><a href="' + url + '"></a></li>';

document.getElementById("videobox").innerhtml = urladd;

$('a').embedly(query: maxheight: 195, 'method':'after');

$('.embedly-embed').attr('webkit-playsinline', '');

);

如您所见，出于绝望，我尝试将 webkit-playsinline 属性附加到 iframe embed.ly 中添加视频，尽管我知道 webkit-playsinline 应该只适用于视频标签。有什么办法可以将视频限制在一定的高度和宽度而不是全屏？

【问题讨论】：

如果它在 safari 中播放，它将始终全屏显示。如果将网络应用程序保存到您的主屏幕，我认为它将内联播放。这是非常不幸的。我也非常不喜欢这种行为

这是一个 phonegap 应用，没有 safari

【参考方案1】：

Phonegap 使用 UIWebView，而 UIWebview 有一个名为 allowedInlineMediaPlayback 的属性（在 iPhone 上默认为 NO）。

根据 Apple 的文档，将此值设置为 YES 并且 HTML 文档中的视频元素还必须包含 webkit-playsinline 属性。