HTML5 video tag doesn't work properly on android 4.4 (.2 & .4) webView - only the audio is playing. With 5.0.1 it works just fine!
If I enable controls on video tag and enter fullscreen mode then I have video working, but when I'm out of fullscreen the video screen is black.
I have android:hardwareAccelerated="true" and I also tried this plugin which is outdated now (same issue though).
It doesn't matter if I control video with JS or I interact with the video controls. Tried both, same behaviour. Tried with all video file formats, no change.
I know there are similar questions on the web, but all are 1-2 years old and solutions provided for them are outdated or not working.
* Using latest version of phonegap/cordova. I have also created a sample app to test the video tag, thought maybe was something related to my app, but the problem persists.
cordova create helloworld com.helloworld.cdv "Phonegap Test"
cordova platform add android@latest
<video id="vid" controls webkit-playsinline></video>
//video test
var videoObject = document.getElementById('vid');
videoObject.src = 'http://demo.touchmediahost.com/kmapp/vid.mp4';
videoObject.load();
videoObject.addEventListener('canplay', function(){
//video can be played!!
videoObject.play();
})