Need help, HTML5 Video Tag Headache!

So I have locally embedded .ogv / .webm / .mp4 video files (and a flash player/script for ie), but each video causes issues for at least one major browser.

With all of them present, safari plays well, ff says it can’t load content – chrome plays well, but my drop-down nav menus get hidden behind.

If I take away the .mp4, ff and chrome work well, but safari doesn’t load.

here’s a link: https://ericbrockmanwebsites.com/dev/reels/documentary-drama-reel/

If anyone can help, I’ve been stuck on this for nearly 3 weeks now… thanks in advance!