Home/ Questions/Q 8510521
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T03:43:42+00:00

So far what I’ve been developing has worked in Chrome and, using fallbacks, IE8.

  • 0

So far what I’ve been developing has worked in Chrome and, using fallbacks, IE8.

What I don’t get is this: Safari just won’t start loading <video> or <audio> content.

safari6

Safari 6 won’t load, and neither will iOS 5’s Safari:

ios5

My code calls .load() on the elements at the appropriate time (at least for Chrome), so what gives?

Here is the video declaration:

<video width="800" height="600" class="faces" id="facesVideo">
  <source src="video/grid.mp4" type="video/mp4" />
  <source src="video/grid.ogv" type="video/ogg" />
</video>

The audio is declared dynamically, but has the same problem.

Do I need to wait for some DOM event that Chrome doesn’t need before calling .load()?

What does it take to get Safari to start buffering until the elements can fire canplaythrough?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Since Safari does not support .load(), preload="auto" must be added to any HTML5 media elements that you want Safari to buffer before playing. Go figure.

    i.e. the element should look like:

    <video width="800" height="600" class="faces" id="facesVideo" preload="auto">
  <source src="video/grid.mp4" type="video/mp4" />
  <source src="video/grid.ogv" type="video/ogg" />
</video>
    • 0