HTML 5 Video - Safari Extremely Slow

Get Started
1

Hi all

I’m helping a client with a small issue regarding page load time in Safari and a HTML 5 video element(Fizzy Glass), which is supposed to load a static image if HTML5 is not supported.
I’d appreciate any help and advice on whats causing this issue.

I don’t have much control over the code until next week but need a solution so when I do, I can fix it.
If you have a look at the source, no doubt you’ll be thinking :nono:

No HTML5 Doctype
Over 40+ JS files scattered in the head and body text.
Though saying all that, FF is fine… Safari? :confused:

The Fizzy glass at the bottom right of the page.
URL: http://www.berocca.de/de/home.php

Any feedback would be great.
If posting some code would be easier, please mention.

Thank you
Barry

2

In Safari, the video div is set to display: none for some reason (caused by JavaScript no doubt). Jeesh, I wouldn’t like to have to work with that page, though. What a mess.

Anyhow, for what it’s worth, this looks like a great opportunity to use an animated gif, and save a heap on bandwidth:

http://www.graphicdesignblog.org/moving-cinemagraphs-gifs/

That page loads terribly slowly in all browsers.

3

Thanks, that div holds the static img if HTML 5 is not supported, becomes display:block for legacy IE browsers, yes JS… I know big mess :nono:
The video should also load in Safari as it does in FF, just can’t figure out whats causing the issue, plus no JS expert so making thinks slightly more confusing.

Thanks for taking the time to have a look ralph, the animated gif might be something worth mentioning.

That page loads terribly slowly in all browsers.
Yes and I need to find out why… (:

Thanks again.

4

Indeed. I think this is a perfect use for one, and it’s SO much simpler. :slight_smile: