title: Tubular jquery video not starting in Safari 7 (mac)
body: <p>I'm using the tubular plugin (<a href="http://www.seanmccambridge.com/tubular/" rel="nofollow">http://www.seanmccambridge.com/tubular/</a>) to create a subtle html video background. This works in Chrome, but in Safari 7 on Mac, the video won't start.</p>
  
  <p>I've narrowed it down to the z-index being the reason of why safari won't autostart the video. When I change the z-index of the tubularContainer (defaults to 1) to a value above my other content (e.g. 9999) the video starts just fine.</p>
  
  <pre><code>var tubularContainer = '&lt;div id="tubular-container" style="overflow: hidden; position: fixed; z-index: 1; width: 100%; height: 100%"&gt;&lt;div id="tubular-player" style="position: absolute"&gt;&lt;/div&gt;&lt;/div&gt;&lt;div id="tubular-shield" style="width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0;"&gt;&lt;/div&gt;';
  </code></pre>
  
  <p>Does anyone know how to circumvent this safari behaviour? It's as if the video won't start when there's content above it with z-index.</p>