Problem with HTML5 Video Tag on Iphone and Android

[echse300]

We want to include a HTML5 Video on our Website.

We modified the Code of the standard index5.html to the following:

<video width="100%" height="100%" poster="img/slides/light-cover.jpg" controls autoplay>
	<source src="video/mov_bbb.mp4" type="video/mp4">
	<source src="video/cito.ogv" type="video/ogg">
	<source src="video/cito.webm" type="video/webm">
</video>

It works fine on Ie9+, Mozilla, Safari on Desktop, Chrome on Desktop.

On Iphone and Android Chrome you see no video.

Best Regards

---

[Support]

Hello, it’s actually the standard behavior, the background videos doesn’t play on mobile devices, as you can see in the Revolution Slider preview site as well: http://themepunch.com/revolution/fullscreen-video – the image that shows up on mobile is the one you set in the “poster” attribute. I’m sorry about that, but there’s nothing we can do about it because it’s restricted in the mobile browser (probably due bandwidth that is limited).

Let me know if you have any questions.

Thanks.

---

[Author]

Posts