angularjs – 离子本地存储的视频不适用于Android

前端之家收集整理的这篇文章主要介绍了angularjs – 离子本地存储的视频不适用于Android前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在播放本地存储在离子应用程序中的视频时遇到问题.我想我尝试了所有可能的解决方案而没有成功所以我决定在这里问一下.我将尝试描述我的应用程序是如何构建的.

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

在index.html里面的body标签我只有ion-nav-view标签对.我使用3个模板存储在:

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

在/js/app.js里面我有每个模板的控制器,直到这里everthing工作正常.

在/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" />

我试过的其他src路径:

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

但这有效:

http://someserver.com/somevideo.mp4

不幸的是,这对我来说不是一个选择.该应用程序将在没有任何互联网连接的情况下使用,所以我需要在应用程序内部播放视频.

只有当我从cmd:ionic serve运行我的应用程序时,本地存储的视频才能正常工作.

当我尝试在Android(4.4.4 kitkat)上部署app时,例如:离子运行android一切正常,但视频拒绝播放.

我想我尝试了一切.不幸的是,有关如何在离子应用中播放视频的所有教程都是使用在线视频制作的,这些示例仅适用于浏览器而非Android设备.

解决方法

十字路口解决了我的问题
cross walk让我能够使用< video>离子应用程序中的标记,默认情况下不允许

它与离子1.x有关

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

猜你在找的Angularjs相关文章