HTML 5 Video Tag Controls Not Working in Full Screen (Android)


#1

Hi everyone,

Am trying to load video in my ionic app using html 5 video tag . It works fine in normal screen but when i switch to full screen mode, the video controls are displayed but unable to click . This happens on Android so far (works fine on browser), I haven’t tested the app on iOS.

This is the simple html code for the video display. Any help would be so appreciated, thank you.

<div class="video-container">
<video src="http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_1mb.mp4" controls width="100%" poster="https://previews.123rf.com/images/andreus/andreus1409/andreus140900437/31970710-colored-trash-bins-used-to-recycle-paper-plastic-and-glass-digital-illustration--Stock-Photo.jpg">Thiết Bị Của Bạn Không Hỗ Trợ HTML5 videos.</video>
</div

#2

Try:

<video ... playsinline autoplay></video>

#3

or try Videogular:
http://videogular.github.io/videogular2/docs/getting-started/


#4

Thank you but it stays the same :frowning: