I’ve spent a while struggling with not being able to play videos in the <video> tag in Android only. It looks like others are having similar issues . Initially, I was loading my video src with an angular directive, but have tried to hardcode a video tag and am seeing the same results. The video appea…

I went through a lot of these issues last week, and eventually had to use the iframe workaround. A couple other things to consider with Android: Local videos will not play without a third-party plugin There are problems with playing html5 videos on Android within a scrolling modal, as click events…

Thanks, I’ll check out the iframe workaround. I’ve tried both using and not using ng-src, but good to know that I shouldn’t expect that to work. I’ve been trying to play remote videos from an AWS bucket, so they shouldn’t have the local issue. Has there been any word about the root cause of this is…

One more thing to check with AWS - make sure it’s sending the videos as content-type: video/mp4 and not just as a straight octet-stream. iOS will recognize an MP4 file as a video without the proper content-type, but not Android.

Yup, sending as video/mp4. Thanks! Will let you know how iframe method works outs.

Hi guys, I was having the same issue, and spent half of my day with this, but finally got the answer. Apparently is a problem related with the fastclick, and it can be solved by adding to the overflow-scroll=“true” to the ionic-content. < ion-content overflow-scroll=“true” > Source: https://gith…

This fixes it - nice find, dcardoso!!

Anyway to works html5 video with overflow-scroll=“false”??? Im using slide ox on a popup, and if I use overflow-scroll="true", the slide box cant adjust height and I can`t play the video on Android.

If you look at the issue linked above ( https://github.com/driftyco/ionic/issues/1607 ) you can also wrap the video element in a div with data-tap-disable="true"

I am successfully playing video on Android 4.2.2, 4.3, 4.4.4, 5.0, 5.1. solution: install crosswalk tell angular to trust the URL $scope.vidURL = $sce.trustAsResourceUrl(data.vidURL); and like @jskrzypek suggests, wrap the video element in a div with data-tap-disable="true" best solution: in…

Can't play HTML5 video content on Android

rbarriuso September 23, 2014, 9:43pm 2

Have you tried the iframe workaround?

It might help.

Topic		Replies	Views
Ionic and HTML5 video tag ionic-v3	6	41035	June 7, 2021
Using overflow-scroll="true" and infinite scroll with android html 5 video ionic-v1	1	1984	November 5, 2014
Html5 video not being rendered on Android, getting sound only!	14	15731	February 14, 2016
HTML 5 Video Tag Android ionic-v1	1	1210	November 8, 2017
html5 Video tag style messed in Ionic CSS ionic-v1	26	24454	March 19, 2015

Can't play HTML5 video content on Android

Related topics