The website is: Experience Map
The video plays nicely on desktop but I cannot get it to play on iPad.
Below is the code we are using on the homepage to get the video to autostart and loop, a direct link to the file plays the video so it is not this. Any help would be great.
<section class="video-home">
<video width="560" height="340" autoplay="autoplay" loop="loop" >
<source src="/wp-content/uploads/2013/07/01161203_7ea3dc3247fbdda59fbf7f7435e88464.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<source src="/wp-content/uploads/2013/06/Expereince-Map_libtheora.ogv" type='video/ogg; codecs="theora, vorbis"'>
<object width="640" height="384" type="application/x-shockwave-flash"
data="http://www.experiencemap.com/wp includes/js/tinymce/plugins/media/moxieplayer.swf?image=placeholder.jpg&file=/wp content/uploads/2013/06/Experience-Map-h264.mp4">
<param name="movie" value="http://www.experiencemap.com/wp-includes/js/tinymce/plugins/media/moxieplayer.swf?image=placeholder.jpg&file=/wp-content/uploads/2013/07/01161203_7ea3dc3247fbdda59fbf7f7435e88464.mp4" />
</object>
</video>
</section>
Kind regards,
Chris