[RESOLVED] Modal-Based Video Only Works in Firefox

[chome4]

Working on this site:

http://mockup.x10.bz

In the 'Machinery' box the word 'Click!' will launch a modal containing a video which plays happily in Firefox 32.0.3.

In Safari 5.1.7, however, I get a browser doesn't support HTML5 video. If I open the video file via File, Open File...I can play the mp4 file that was encoded for ipad with Miro Video Converter in Safari browser.

I've 'stacked' my video types thus:

<video width="400" controls>
<source src="videos/video2.galaxyace.mp4" type="video/mp4" />
<source src="videos/video2.ipad.mp4" type="video/mp4" />
<source src="videos/video2.webmhd.webm" type="video/webm" />
<source src="videos/video2.oggtheora.ogv" type="video/ogv" />
<p>Your browser does not support HTML5 video.</p>
</video>

What needs to be done to get videos that have been encoded to play across all browsers?

I've attached the files minus the video files, which are obviously too large the limit. They can be viewed/downloaded from:

http://mockup.x10.bz/videos/video2.ipad.mp4

http://mockup.x10.bz/videos/video2.galaxyace.mp4

http://mockup.x10.bz/videos/video2.oggtheora.ogv

Big thanks in advance!

[Reiss]

I always use Freemake video converter for HTML 5 video, works across all browsers & it's free -

http://www.freemake.com/free_video_converter/

Just select HTML 5 as your output, it even creates an HTML page for you.
hope this helps

[chome4]

I always use Freemake video converter for HTML 5 video, works across all browsers & it's free -

http://www.freemake.com/free_video_converter/

Just select HTML 5 as your output, it even creates an HTML page for you.
hope this helps

Better than Miro! Unfortunately, the video still fails to play in Safari. Plays in all the other desktop browsers though....

UPDATE: Needed to have Quicktime installed for vids to play in Safari!

Thanks for the link to freemake....