Video as background not loading on Device

I tried using gl-ionic-background-video to use a video as a background , it works perfectly on Browser . but throws Err_File_Not_Found on Android Device and Display White screen .

So Far the application is simple, no plugins or any packages added .
followed this Tuto starting from Part HOW TO USE IT IN YOUR ANGULAR IONIC 4 PROJECT : https://geeklearning.io/how-to-create-a-reusable-web-component-with-stenciljs-and-use-it-in-your-ionic-4-application/

what i tried :

  • removed (someone suggested it)
  • changed to (someone suggested it)
  • deleted Node_modules and npm i again
  • used src=“assets/video/file.mp4” and src="./assets/video/file.mp4" and other variation

info:

Ionic:

Ionic CLI : 5.4.16 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 8.1.0, browser 6.0.0
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.3, (and 5 other plugins)

Utility:

cordova-res (update available: 0.11.0) : 0.8.1
native-run (update available: 1.0.0) : 0.2.8

System:

NodeJS : v12.13.0 (/usr/local/bin/node)
npm : 6.12.0
OS : Linux 5.3

help please & Thanks in advanced