如何使用 webview 在基于 html5 的离线 Android 应用程序中播放 mp4 视频？答案

【问题标题】：How to play mp4 video in offline html5 based Android app using webview?如何使用 webview 在基于 html5 的离线 Android 应用程序中播放 mp4 视频？
【发布时间】：2015-12-07 17:35:47
【问题描述】：

我正在构建一个 Android 应用程序，它应该可以离线工作，显示几个 html 页面，每个页面可能包含一个或两个小的嵌入式 mp4 视频。原始的 html 文件用于构建运行没有任何问题的 iPhone 应用程序。当用户导航到新页面时，视频文件应该在没有任何用户交互的情况下开始播放。小型嵌入式视频应自动启动并无限循环。我在 Linux Mint 17.2 上使用 Android Studio 1.3.2 并经过反复试验，并仔细尝试了我在这里找到的一些建议，我设法构建了一个应用程序（Android 4.4.2），如下所示：

在 AndroidManifest.xml 中，我添加了硬件加速并允许访问互联网：

android:hardwareAccelerated="true"
<uses-permission android:name="android.permission.INTERNET" />

应用程序是使用以下方式构建的：

compileSdkVersion 22
buildToolsVersion "22.0.1"
minSdkVersion 17
targetSdkVersion 22

在 MainActivity.java 我添加了 WebChromeClient 并启用了 JavaScript。我防止用户在使用 setMediaPlaybackRequiresUserGesture 选项自动播放视频之前必须先触摸：

private WebView mWebView;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mWebView = (WebView) findViewById(R.id.activity_main_webview);
    mWebView.setWebChromeClient(new WebChromeClient());

    WebSettings webSettings = mWebView.getSettings();
    webSettings.setJavaScriptEnabled(true);
    webSettings.setMediaPlaybackRequiresUserGesture(false);

    mWebView.loadUrl("file:///android_asset/www/index.html");
}

在 index.html 文件中，我尝试了以下几次嵌入电影文件。在我复制到不同文件夹的所有三种情况下，电影都是同一个 mp4 文件：

<body>
1) Intern mp4, resides in assets/www
  <video id="vid2" width="100%" autoplay loop controls>
    <source src="./mov_bbb.mp4">
  </video>

2) extern SDcard
  <video id="video" width="100%" autoplay loop controls>
     <source src="file:///mnt/sdcard/cmr/mov_bbb.mp4">
  </video>

3) online WWW
  <video id="video" width="100%" autoplay loop controls>
    <source src="http://www.w3schools.com/html/mov_bbb.mp4">
  </video>
</body>

1)尝试加载和播放位于 assets/www 的 mp4（与 index.html 所在的位置相同）并打包在包中不起作用。当我按下播放按钮时，视频框变黑并调整为视频的大小，但它不播放，我收到未知错误：

W/MediaPlayer﹕ info/warning (1001, 0)
E/MediaPlayer﹕ Error (1,-2147483648)

2) 视频自动开始但不循环播放。此外，我不想将所有电影文件都放在外部 SD 卡中：

E/MediaPlayer﹕ Should have subtitle controller already set
W/MediaPlayer﹕ info/warning (3, 0)

3) 在线内容：视频自动开始但不循环播放。我不希望应用程序依赖网络。离线访问是应用的重要组成部分。

I/MediaPlayer﹕ setDataSource(http://www.w3schools.com/html/mov_bbb.mp4)
E/MediaPlayer﹕ Should have subtitle controller already set
W/MediaPlayer﹕ info/warning (3, 0)

是否有任何原因导致无法像处理图像和 html 文件一样将 mp4 视频嵌入到包中？是否有使用额外脚本的解决方法，也许可以解决我在构建应用程序时遇到的挑战？任何帮助表示赞赏。

【问题讨论】：

标签： android html video webview mp4

【解决方案1】：

我认为您将定位保存视频更改为 sdcard

【讨论】：