离子本地存储的视频不适用于Android [英] ionic locally stored video dont work on 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.mp4type =video / mp4/> 
< / video> 
< / div> 
  

我有这套：

 < ion-content overflow-scroll =true> 
< manifest android：hardwareAccelerated =true....>在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设备上的浏览器。

解决方案

交叉步行解决了我的问题
交叉步行使我能够在离子应用程序中使用< video> 标签默认允许

它是关于离子1.x

示例代码：

I have a problem with playing videos which are locally stored inside ionic app. I think I tried every possible solution without success. So I decided to ask here. I will try to describe how is my app built.

My root folder is: /myApp/www/

In the index.html inside body tag I have only ion-nav-view tag pair. Im using 3 templates stored in:

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

Inside /js/app.js I have controllers for each template and until here everthing works fine.

Inside /views/sights/detail.html Im using video tag:

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

I have this set:

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

Other src paths I tried:

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

But this works:

http://someserver.com/somevideo.mp4

Unfortunately this is not an option for me. The app will be used in place without any internet conenction so I need to have videos inside app.

Locally stored videos working fine only if I run my app from cmd: ionic serve.

When I try to deploy app on Android (4.4.4 kitkat) like: ionic run android everything works fine but video refuses to play.

I think I tried literally everything. Unfortunately all tutorials on how to play video in ionic app are made with online videos and those examples work only in browser not on Android devices.

解决方案

cross walk solved my problem cross walk make me able to use <video> tag in ionic application which is not allowed by default

it is about ionic 1.x

example code: https://github.com/malikasinger1/ionic-video-player

这篇关于离子本地存储的视频不适用于Android的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！