如何阻止我的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嵌入。虽然我知道webkit-playsinline只适用于视频标签。有什么方法可以将视频限制在一定的高度和宽度而不是全屏？

Answer 1

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

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