HTML5-видео не загружаются из памяти устройства? - PullRequest
0 голосов
/ 01 октября 2019

Я использую Ionic V3 Slides для отображения содержимого в моем приложении на устройстве 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 net :: ERR_FAILED

Сначала я подумал, что проблема была вразмер файлов (10 МБ и кодировка), но он сохранился, даже когда я кодировал его в H.264 и уменьшил его до 1,5 МБ ... все равно не повезло ..

А теперь самое интересное ... если я загружаю те же файлы (даже оригинальные файлы размером 10 МБ) в онлайн-хранилище и использую src как:

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

слайдер работает ... без проблем ...

У кого-нибудь были подобные проблемы? и нашел решение для этого ???

Спасибо за вашу помощь

...