Question

我正在制作一个Phonegap应用，允许我粘贴视频链接并使用embed.ly嵌入视频。我希望视频能够内联播放，而不是全屏播放。我知道在视频标签中添加“webkit-playsinline”应该可行，但我不确定如何使用嵌入式添加视频的iframe使webkit-playsinline工作。这就是我的代码。我试图添加评论并尽可能清楚：

<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

您必须在嵌入请求中添加autoplay参数。另外，您必须在自己的手机屏幕应用中自动播放视频，例如：对于Android：

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

如何让这个视频内联播放？

1 个答案: