Maybe this is a known issue and I’m also aware of Ionic’s current lack of support on Windows Phone, but I wanted to let you know an issue I came across when using a
<video> element in Internet Explorer / Windows Phone.
The problem is basically the control buttons won’t receive the clicks from the user, as proved in this CodePen: http://codepen.io/anon/pen/lFcwz?editors=100
When opened with Chrome or Firefox it works fine, but on Internet Explorer (e.g. v10) you won’t be able to click on the video controls.
To make it work on IE, just remove the
script line where the
ionic.bundle.js is included.
What is Angular / Ionic doing with the video tag?.
As you can see in the code above, this isn’t related to this issue (having
video elements inside
ion-content) and the iframe workaround wouldn’t work in IE because it doesn’t allow injecting code in an
iframe through the
data: URI schema, so I’m not sure how to fix it.