Video not play on standard browser in Android

Expected behaviour

Video should be able to auto-play or at least having “Play” button to tap for toggle play/pause

Actual behaviour

Video seems to be loaded (could see default control on few second), but there is no “Play” button to tap for play/pause this video. I’ve tested on various browsers and also in iPhone, other browsers work well except this standard browser on Android

Environment

• Script: Plyr v3.3.7
• Browser: Standard Browser v2.2.2.80
• Operating System: Android v5.0

Steps to reproduce

• 5 video types i.e. MP4, WebM, OGV, WMV, 3GP

• Using standard HTML5 video tag <video>

• Include CSS/JS of Plyr v3.3.7 i.e. <link rel="stylesheet" href="https://cdn.plyr.io/3.3.7/plyr.css"> <script src="https://cdn.plyr.io/3.3.7/plyr.js"></script>

• Set JavaScript for assign script to video <script> const player = new Plyr("#video",{ autoplay: true, clickToPlay: true, controls: ["play-large"] }); </script>

• Also add attribute to <video> as
  data-plyr="{autoplay:true, clickToPlay:true, controls:['play-large']}"

[Ib-R]

i managed to make the plyr work on android 4.4 by editing the css,

.plyr__video-wrapper {
    height: 100% !important;

    video {
        height: 100% !important;
    }
}

[vesper8]

managed to get some info with the debugger, it was causing this error

Unable to post message to https://www.youtube.com. Recipient has origin file://

And I found the fix! Simply needed to add this line to the config.xml inside src-cordova

<!-- Add the whitelist plugin -->
<plugin name="cordova-plugin-whitelist" source="npm" spec="*"/>

<!-- White list https access to Youtube -->
<allow-navigation href="https://*youtube.com/*"/>