html5 Video tag style messed in Ionic CSS

ionic-v1
21

yeah but it’s shadow dom, normal css has no effect on it. Thats the whole point of shadow dom

22

Then its obviously a bug at least for iOS safari 8- (in my case)

23

Not just iOS, as the same is true in Android stock browser, and Chrome for Android, It doesn’t matter if its packaged in Cordova, Crosswalk or just viewed as regular html, the result is the same. Nice catch, lukasmlady.

24

Well I’ll be, it is causing the issue…hmmm interesting, so much for shadow dom I guess.

Thanks for the pointing this out! I’ll note it on the open issue!

1 Like
25

Any updates on when this will be addressed or how we might be able to fix it ourselves?

I got the iframe workaround working but seems very hacky to me.

26

@rbarriuso Don’t forget to add a base tag under head so that relative links would work:

var HTML5_PLAYER_DATA_CODE = '<html><head><base href="'+document.URL+'"></head><body>'
27

hi, thanks for fixing the problem to watch videos, finally its working on my android 4.4 with the @urbgimtam solution.

now.
is there anyway to preview local videos???
thanks a lot