HTML 5 Video Tag Android


Okay so I have a HTML video tag with a video that I download and save.

This is the code I currently have:

<div data-tap-disable="true">
    <video style="width: 100%;" controls="controls" preload="metadata" webkit-playsinline="webkit-playsinline" >
        <source src="{{item.maincontent.theVideo}}" type="video/mp4"/>

The video controls cant be used, and from what I gather it has something to do with the <ion-content> tag because if I remove it from that tag, the video works exactly as expected. But the thing is, there can be multiple pieces of content on this page, which means I need to scrolling to work.

Any ideas?


Try setting overflow-scroll to true in the ion-content tag:

<ion-content overflow-scroll="true">