17

我正在构建一个简单的 webview 应用程序，它现在使用 HTML5 视频播放器显示一个充满短视频剪辑的网站。在默认的 android 网络浏览器中一切正常，但 webview 不会播放任何视频剪辑。

用于播放视频片段的 Html 代码如下：

<video poster preload="true" controls autoplay width="500" height="200">
  <source src="http://www.edmondvarga.com/demo/videos/video.mp4" type="video/mp4">
  </video>

主要活动.java：

package tscolari.mobile_sample;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class InfoSpotActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);


        setContentView(R.layout.main);

        WebView mainWebView = (WebView) findViewById(R.id.mainWebView);

        WebSettings webSettings = mainWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);

        mainWebView.setWebViewClient(new MyCustomWebViewClient());
        mainWebView.setScrollBarStyle(View.SCROLLBARS_INSIDE_OVERLAY);

        mainWebView.loadUrl("http://server.info-spot.net");
    }

    private class MyCustomWebViewClient extends WebViewClient {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url) {
            view.loadUrl(url);
            return true;
        }
    }
}

如何在 webview 中启用视频播放？

4

4 回答 4

28

我从我们之前做的一个项目中知道，您需要使用WebChromeClient来播放 HTML5 视频。（这也为您提供硬件加速支持 - 前提是您还为您的活动设置标志）。

利用：

        mainWebView.setWebChromeClient(new WebChromeClient());

把它放在你设置 setWebViewClient 之前。您可以覆盖 WebChromeClient 以拦截您需要处理的任何事件。

在您的活动定义中的 AndroidManifest.xml 中，添加：

android:hardwareAccelerated="true"

以下引用来自此SDK 页面（向下滚动到 HTML5 视频支持）

为了在您的应用程序中支持内联 HTML5 视频，您需要打开硬件加速，并设置 WebChromeClient。

于 2013-06-23T10:52:34.403 回答
1

据我所知，android webview 有 Chromium 引擎，它不支持全屏模式下的 HTML 5 视频（H.264）。您可以尝试播放视频，但视频会出现在屏幕之外，并且在所有设备上都不一致。如果 webview 是应用程序的主要部分，那么最好切换到 mozilla geckoview，但它会为您的 apk 添加 30 到 40 mb。

于 2021-11-10T05:39:15.077 回答
0

下面给出的 html5 标签适用于我，而无需更改 android 代码中的任何内容

<video src="video/placeholder.m4v" poster="video/placeholder.jpg" onclick="this.play();"/>

你可以在这里详细查看

信用：不规则棚

于 2021-03-26T15:20:42.117 回答
-16

我使用以下代码成功使用 html5 视频标签显示视频：

mainWebView.setWebChromeClient(new WebChromeClient());

android:hardwareAccelerated="true"
于 2014-09-21T06:42:10.253 回答