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

Question

我正在制作一个 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 应该只适用于视频标签。有什么办法可以将视频限制在一定的高度和宽度而不是全屏显示吗？

Answer 1

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

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