plyr not work in mobile device with ng build --prod

I added ngx-plyr and plyr to my ionic project with angular.
when get output ionic build without --prod working correctly.
but when use of --prod plyr not work correctly on mobile device chrome browser.
this throw error 504 gateway timeout while this work correctly without --prod

"dependencies": {
    "@angular/common": "~10.2.0",
    "@angular/core": "~10.2.0",
    "@angular/fire": "^6.0.3",
    "@angular/forms": "~10.2.0",
    "@angular/http": "^7.2.16",
    "@angular/platform-browser": "~10.2.0",
    "@angular/platform-browser-dynamic": "~10.2.0",
    "@angular/router": "~10.2.0",
    "@angular/service-worker": "~10.2.0",
    "@aspnet/signalr": "^1.1.4",
    "@aspnet/signalr-protocol-msgpack": "^1.1.0",
    "@capacitor/core": "2.4.6",
    "@ionic-native/android-permissions": "^5.30.0",
    "@ionic-native/background-mode": "^5.30.0",
    "@ionic-native/camera": "^5.30.0",
    "@ionic-native/chooser": "^5.30.0",
    "@ionic-native/core": "^5.30.0",
    "@ionic-native/deeplinks": "^5.30.0",
    "@ionic-native/file": "^5.30.0",
    "@ionic-native/firebase-x": "^5.30.0",
    "@ionic-native/in-app-browser": "^5.30.0",
    "@ionic-native/media": "^5.30.0",
    "@ionic-native/splash-screen": "^5.30.0",
    "@ionic-native/status-bar": "^5.30.0",
    "@ionic/angular": "^5.5.2",
    "@ngx-translate/core": "^13.0.0",
    "@ngx-translate/http-loader": "^6.0.0",
    "cordova-ios": "^4.5.5",
    "cordova-plugin-android-permissions": "^1.1.0",
    "cordova-plugin-androidx": "^3.0.0",
    "cordova-plugin-androidx-adapter": "^1.1.1",
    "cordova-plugin-background-mode": "^0.7.3",
    "cordova-plugin-camera": "^4.1.0",
    "cordova-plugin-chooser": "^1.3.2",
    "cordova-plugin-device": "^2.0.3",
    "cordova-plugin-file": "^6.0.2",
    "cordova-plugin-firebasex": "^11.0.3",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^5.0.0",
    "cordova-plugin-iosrtc": "^6.0.15",
    "cordova-plugin-media": "^5.0.3",
    "cordova-plugin-splashscreen": "^6.0.0",
    "cordova-plugin-statusbar": "^2.4.3",
    "cordova-plugin-whitelist": "^1.3.4",
    "core-js": "^2.5.4",
    "downloadjs": "^1.4.7",
    "firebase": "^7.24.0",
    "fm.liveswitch": "^1.11.2-39921",
    "human-signals": "^2.1.0",
    "ionic-plugin-deeplinks": "^1.0.20",
    "ionicons": "5.3.0",
    "lodash": "4.17.20",
    "moment": "2.29.1",
    "moment-jalaali": "0.9.2",
    "ng-circle-progress": "^1.6.0",
    "ng2-pdf-viewer": "^6.3.2",
    "ngx-countdown": "^10.0.1",
    "ngx-ionic-image-viewer": "^0.7.4",
    "ngx-mask": "^10.0.4",
    "ngx-plyr": "^4.0.0",
    "plyr": "^3.6.3",
    "recordrtc": "^5.6.1",
    "rxjs": "~6.6.3",
    "strip-final-newline": "^2.0.0",
    "tslib": "^2.0.3",
    "webrtc-adapter": "^7.7.0",
    "zone.js": "~0.10.2",
    "cordova-android": "^8.1.0"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.1002.0",
    "@angular-devkit/build-angular": "~0.1002.0",
    "@angular/cli": "~10.2.0",
    "@angular/compiler": "~10.2.0",
    "@angular/compiler-cli": "~10.2.0",
    "@angular/language-service": "~10.2.0",
    "@capacitor/cli": "2.4.6",
    "@ionic/angular-toolkit": "^2.3.3",
    "@ionic/lab": "3.2.10",
    "@types/jasmine": "~3.6.0",
    "@types/jasminewd2": "~2.0.8",
    "@types/node": "^14.14.3",
    "codelyzer": "^6.0.1",
    "cordova-android": "^9.0.0",
    "firebase-tools": "^8.13.1",
    "fuzzy": "^0.1.3",
    "inquirer": "^7.3.3",
    "inquirer-autocomplete-prompt": "^1.2.0",
    "jasmine-core": "~3.6.0",
    "jasmine-spec-reporter": "~6.0.0",
    "karma": "~5.2.3",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage-istanbul-reporter": "~3.0.3",
    "karma-jasmine": "~4.0.1",
    "karma-jasmine-html-reporter": "^1.5.4",
    "protractor": "~7.0.0",
    "ts-node": "~9.0.0",
    "tslint": "~6.1.3",
    "typescript": "~4.0.3"
  }

smnbbrv / ngx-plyr

plyr not work in mobile device with ng build --prod #72