Having been caught out recently when a web site I launched displayed perfectly on IE, Firefox, Chrome and Safari on Windows but was corrupted when viewed using Safari on the Mac (by a potential customer), I need to start testing how my sites look when viewed on a Mac. Problem is, I don’t own a … Read more
The best fix I could get was adding this code just after the </video> …not pretty but somehow works. UPDATE Recently many browsers can only autoplay the videos with sound off, so you’ll need to add muted attribute to the video tag too
UPDATED FOR CATALINA & SAFARI 13 (early 2020 Update) * PLEASE PLEASE — If you are having trouble, and really want to get help or help others by posting a comment about it, Post Your Browser and Device (MacBook/IPad/etc… with both browser and OS version numbers!) Claiming none of these work is not accurate (and actually not … Read more
It is Safari specific, at least at time of writing, being introduced in Safari 9.0. From the “What’s new in Safari?” documentation for Safari 9.0: Viewport Changes Viewport meta tags using “width=device-width” cause the page to scale down to fit content that overflows the viewport bounds. You can override this behavior by adding “shrink-to-fit=no” to your meta tag as shown … Read more
Firebug is great, but Safari provides its own built-in development tools. If you haven’t already tried Safari’s development kit, go to Safari–>Preferences–>Advanced, and check the box next to “Show Develop menu in menu bar”. Once you have the Develop menu enabled, you can use the Web Inspector to get a lot of the same functionality … Read more