android - 尝试在 PhoneGap/Cordova 应用程序中自动播放 YouTube 视频

Question

我正在使用 PhoneGap 开发应用程序.所以，这是一个网络应用程序。在此应用中，我需要嵌入 YouTube 视频并在用户导航到该特定页面时自动播放。

我了解到，由于带宽问题，HTML5 视频自动播放无法在移动设备上运行。我的问题是，是否有任何方法可以绕过此限制？我不介意可以让我做到这一点的复杂解决方法或技巧。任何东西。

谢谢。

Answer 1

正如您自己指出的那样，代码本身中的所有自动播放指令都将在加载时被忽略。因此，我们将实现一个获取正文中的视频并开始播放的功能。

下面的 javascript 代码可以做到这一点:

(function() {
    document.getElementsByTagName('video')[0].play();
})()

要在页面加载后执行这段代码，我们需要设置一个 WebViewClient 并实现 onPageFinished()

webview.setWebViewClient(new CordovaWebViewClient(this, webview) {
            // autoplay when finished loading via javascript injection
            public void onPageFinished(WebView view, String url) { webview.loadUrl("javascript:(function() { document.getElementsByTagName('video')[0].play(); })()"); }
});

final WebSettings settings = webview.getSettings();
    settings.setJavaScriptEnabled(true);
    settings.setJavaScriptCanOpenWindowsAutomatically(true);
    settings.setPluginState(WebSettings.PluginState.ON);

A full example :

    webview = new CordovaWebView(this);
    setContentView(webview);

    final WebSettings settings = webview.getSettings();
    settings.setJavaScriptEnabled(true);
    settings.setJavaScriptCanOpenWindowsAutomatically(true);
    settings.setPluginState(WebSettings.PluginState.ON);

    webview.setWebViewClient(new CordovaWebViewClient() {
        // autoplay when finished loading via javascript injection
        public void onPageFinished(WebView view, String url) { webview.loadUrl("javascript:(function() { document.getElementsByTagName('video')[0].play(); })()"); }
    });

    webview.loadUrl("http://html5demos.com/video");