This problem is driving me up the wall!
So I've been trying to get my video to play in all browsers, including mobile.
I converted my videos to mp4, ogv, and webm.
My code is simply this in the post:
[video mp4="/portfolio/video/animation/work/lightswitch/AJS-Furnace.mp4"
ogv="/portfolio/video/animation/work/lightswitch/AJS-Furnace.ogv"
webm="/portfolio/video/animation/work/lightswitch/AJS-Furnace.webm"]So far, what I see is, that Chrome will play this perfectly, this will do fine as well on an Android mobile browser. However, iOS, Firefox and IE will continue showing the loading loop and never play the video at all.
Here is the URL of an example of my problem:
http://cattrigger.com/video-test/
I've tried this on multiple computers, and it seems to be coming off as people on IE and Firefox just can't see it. Regardless of the existence of ogv and webm.
Does anybody have any ideas what I'm doing wrong?