Question

离子应用程序

我无法播放项目文件夹中的视频......

我正在尝试制作一个包含3到4个静态视频的应用，这些视频将在没有互联网连接的设备上播放

但我无法做到这一点

//get function out of the loop
var box = document.getElementsByClassName('Box');

for(i=0; i<box.length; i++){
  box[i].onclick = getBlue();
}
function getBlue(){
  this.classList.toggle('active');
}

目前我正在使用此代码，

使用此代码在<div class="modal transparent full screen-player" ng-click="closeModal()"> <video ng-src="img/test.mp4" class="centerme" controls="controls" autoplay> </video> </div>上正常播放视频，但当我按ionic serve或.apk编译到ionic build android文件时，此代码停止在设备上工作... a视频播放器出现在设备上但不播放视频..

chrome：// inspect

中没有错误

我也尝试了ionic run android http://ngcordova.com/docs/plugins/media/

但这不适用于播放视频我认为其文档仅显示音频的示例

Answer 1

交叉行走解决了我的问题 cross walk使我能够在离子应用程序中使用<video>标记，这是默认情况下不允许的

关于离子1

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

Answer 2

如果要访问手机文件，请将该文件夹设置为本地服务器

下面的链接将为您提供清晰的说明。

https://stackoverflow.com/a/57494421/7456041

如何在离子应用<video>标签中播放本地视频无效

2 个答案: