Encode h264 with FFMPEG that works across all browsers and devices (windows/mac/iOs/Android)

I want to encode images with FFMPEG to a h264 video file that will work on Windows Browsers and Mac Browsers and iOS / Android devices to display in HTML5. Is there a way to do that using one encoded file? Currently my ffmpeg string only encodes for windows/android now

Here is my current ffmpeg code:

and here is my HTML5 display code:

ffmpeg -y -r 25 -i ./images/video%04d.png -i  music.wav -shortest -vcodec libx264 -s  720x480 -strict experimental -acodec aac video_file.mp4

<video width="640" height="480"  controls="" preload="" poster="../poster.jpg">
    <source src="video.mp4" type="video/mp4">
    Your browser does not support the video tag.
</video>

If I change -vcodec to mpeg4 instead of libx264 it works on iOs/MAC but not windows! Which is really confusing!

using ffmpeg version 3.0.1-static http://johnvansickle.com/ffmpeg/ Copyright (c) 2000 -2016 the FFmpeg developers