Trying to display server-based video on in all browsers and on all devices

Dear Kriesi.at Support Team,

I’m trying to display a video on our website and I can’t seem to figure out the code to include so that it will display on in all browsers and on all devices. With the Fullwidth EasySlider (on http://www.got2bmoving.com/intro) I can see the video in windows (Chrome, Firefox, Internet Explorer) but it doesn’t load on my iPad and iPhone.

I read that the mediaelemnts.js is not in the plugin but is part of the WordPress core but I wasn’t sure what the correct syntax was using the wordpress core option. The code I currently have included below “Here is a video with “[video mp4 ..... ]” syntax (from mediaelements.js) notes:”(on http://www.got2bmoving.com/test) is:

[video mp4="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.mp4" ogg="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.ogg" webm="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph-Video-002.webm" poster="http://www.got2bmoving.com/files/videos/skyTran_Congestion-InfoGraph.jpg" preload="true" autoplay="true" width="640" height="264"]

On “www.got2bmoving.com/test” I can’t see any of the videos when I view this page on my iPhone. I have included

1) Advanced LayerSlider
2) Video element in the Advanced Editor
3) mediaelements.js “[video ... ]” code

I have read as many of the forum posts as I could find about displaying videos on all browsers and devices, but I still can’t seem to figure it out. I would like to display a video the way it looks on “www.got2bmoving.com/intro” on all browers and devices. I’d appreciate any suggestions that you have.

Thanks very much.