Testing html5 <video> element for background images
|Doesn't play, falls back to poster image. No loading delay.||Plays smoothly, first time loading takes awhile, but fast afterwards|
Does not play.
I believe the video loads, but iOS disables autoplay without user interaction first (ie a tap)
For best compatablity going forwards use this setup
<video autoplay loop poster="poster.jpg" style="width: 100%;"> <source src="Penguins_of_Madagascar.m4v" type="video/mp4"> <source src="Penguins_of_Madagascar.webm" type="video/webm"> <source src="Penguins_of_Madagascar.ogv" type="video/ogg"> <source src="Penguins_of_Madagascar.mp4"> Your browser doesn't support the video tag and is lame </video>
iPad and DMP do not support HTML5 Video
However there is a workaround. By using a custom overlap layout in ArthurMP, a video can be put in the background, and the html overlayed overtop.