Question

我正在使用Ionic V3幻灯片在Android设备上的应用程序中显示内容。

我使用文件传输插件将文件下载到设备上，并且工作正常……在应用程序中，当我显示图像时，一切正常，但尝试显示视频时出现问题。

某些视频加载了某些视频，但...却最奇怪的是，加载/不加载的视频并不总是相同的。

例如有时video01-加载而video02，video03则不加载...下一次video01，video03加载但video02不加载...

我使用此代码显示视频...

 <ion-slides autoplay="5000" loop="true" speed="500" pager="false">
    <ion-slide>
      <video autoplay width="100%" loop><source src="http://localhost/_app_file_/storage/emulated/0/DownloadFiles/video01.mp4" type="video/mp4" /></video>
    </ion-slide>
    <ion-slide>
      <video autoplay width="100%" loop><source src="http://localhost/_app_file_/storage/emulated/0/DownloadFiles/video02.mp4" type="video/mp4" /></video>
    </ion-slide>
    <ion-slide>
      <video autoplay width="100%" loop><source src="http://localhost/_app_file_/storage/emulated/0/DownloadFiles/video03.mp4" type="video/mp4" /></video>
    </ion-slide>
  </ion-slides>

在控制台中，我看到此错误：

video01.mp4：1 GET http://localhost/_app_file_/storage/emulated/0/DownloadFiles/video01.mp4 净:: ERR_FAILED

首先，我认为问题出在文件大小（10MB和编码）上，但是即使我使用H.264对其进行编码并将其减小到1.5MB，问题仍然存在……

>

现在有趣的是...如果我将相同的文件（甚至是原始的10MB文件）上传到在线存储上，并使用src，则为：

http://www.some-webpage.com/files/video01.mp4

滑块可以正常工作...没问题...

有人遇到类似的问题吗？并为此找到了解决方案？

感谢您的帮助

HTML5视频无法从设备存储中加载吗？

0 个答案: