angularjs - ionic 本地存储的视频不适用于 Android

Question

我在播放本地存储在 ionic 应用程序中的视频时遇到问题。我想我尝试了所有可能的解决方案但没有成功。所以我决定来这里问问。我将尝试描述我的应用程序是如何构建的。

我的根文件夹是:/myApp/www/

在 index.html 内部 body 标记中，我只有 ion-nav-view 标记对。我使用 3 个模板存储在:

/views/homepage.html
/views/sights/list.html
/views/sights/detail.html

在 /js/app.js 中，我为每个模板都有 Controller ，直到这里一切正常。

在/views/sights/detail.html内部我使用视频标签:

<div class="video-container">
    <video controls="controls">
        <source ng-src="/video/vid01.mp4" type="video/mp4"/>
    </video>
</div>

我有这套:

<ion-content overflow-scroll="true">
<manifest android:hardwareAccelerated="true" ....> inside AndroidManifest.xml
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

我尝试过的其他源路径:

file:///video/vid01.mp4
file:///android_asset/www/video/vid01.mp4
file:///mnt/sdcard/media/video/vid01.mp4

但这有效:

http://someserver.com/somevideo.mp4

不幸的是，这对我来说不是一个选择。该应用程序将在没有任何互联网连接的情况下使用，因此我需要在应用程序中包含视频。

仅当我从 cmd 运行我的应用程序时，本地存储的视频才能正常工作:ionicserve。

当我尝试在 Android (4.4.4 kitkat) 上部署应用程序时，例如:ionic run android 一切正常，但视频无法播放。

我想我几乎尝试了一切。不幸的是，所有关于如何在 ionic 应用程序中播放视频的教程都是用在线视频制作的，这些示例仅适用于浏览器，不适用于 Android 设备。

Answer 1

人行横道解决了我的问题人行横道让我能够使用 <video> ionic 应用程序中默认不允许的标记

这是关于 ionic 1.x

示例代码:https://github.com/malikasinger1/ionic-video-player