BigVideo.js and Safari on Mac issues

[maxxd]

Hey y'all. Not entirely sure this is the correct place for this, but it seemed more appropriate than the Miscellaneous section - feel free to move it if I'm in the wrong spot.

 

I don't do a whole lot of work with video on sites, but a site that I'm working on has a header video. Groovy, right? Nope.

 

I'm using BigVideo.js, and have uploaded .mp4, .mov, and .WebM versions of the file (in that order) to the server. Everything works perfectly in Edge, Internet Explorer, Opera, Chrome, Firefox, and (believe it or not) Safari v5 on Windows 10. Works great in Opera, Chrome, and Firefox on MacOS X.

 

However, Chrome on iPod and Safari on both the iPod and the Mac won't load the video. I get an error to console reading "The video could not be loaded, either because the server or network failed or because the format is not supported."

 

I can post the code here if anyone thinks it'd help, but it's really just instantiate the BigVideo object, then pass the three paths to the videos to it, and it works in every other browser I've tested (italics for frustration, not emphasis so much...).

 

Anyone have any ideas at all?

[maxxd]

So, apparently it was a combination of operating system and a password-protected directory on the server. On Mavericks (I think, I'm a Window's guy in an Mac world at work), Safari would send the permission request a second time, but would only notify the user of the send under certain circumstances that I still don't know or understand. El Capitan, on the other hand, handled everything fine. I dropped the password protection on the server directory and everything worked as expected in Safari on Mavericks as well, so I'm calling that good enough.

 

Just in case someone else hasn't updated and runs into the same issue.