我怎样才能让这个视频内联播放？

Question

我正在制作一个 Phonegap 应用程序，它允许我使用 embed.ly 粘贴视频链接并嵌入视频。我希望视频内联播放而不是全屏播放。我知道向视频标签添加“webkit-playsinline”应该可以，但是我不确定如何使 webkit-playsinline 与嵌入视频的 iframe 一起工作。这就是我的代码的样子。我已尝试添加 cmets 并尽可能清晰：

<script>
    $.embedly.defaults.key = 'mykeyhere';
    $(document).ready(function() {
        var url = urlaft; //Contains my url to video
        var urladd = '<li><a href="' + url + '"></a></li>'; //adds url to a <a> element within an li 
        document.getElementById("videobox").innerHTML = urladd; //appends li with video link to ul
        $('a').embedly({
            query: {
                maxheight: 195
            },
            'method': 'after'
        }); //using embedly to turn the <a> link into an embedded video
        $('.embedly-embed').attr('webkit-playsinline', ''); //This was my attempt at adding a webkit-playsinline to the iframe that embedly has added the video to.
    });
</script>

上面的代码无法产生我正在寻找的结果。我想播放内嵌的视频。

Answer 1

您必须在嵌入请求中添加自动播放参数。另外，您必须在 phonegap 应用程序中启用自动播放视频，例如对于安卓：

super.appView.getSettings().setMediaPlaybackRequiresUserGesture(false);