2

I'm not sure if it's the structure of my code or there's something I'm missing in my code, however it's seems I am have a slightly slow loading with my html video in Safari. The video plays for at least 1sec before it's actually visible... is the a way I can create a delay before the video starts playing? click here

<video preload="auto" autoplay volume="3" id="video-wall__content">
    <source src="video/ad.mp4" type="video/mp4">
    <source src="video/ad.ogv" type="video/ogg">
</video>

I have added...

$(window).load(function () { $(document.body).fadeIn(2000); ('#video-wall-wrapper').get(0).play(); });

Saturnix
  • 10,130
  • 17
  • 64
  • 120
NewKidOnTheBlock
  • 1,491
  • 3
  • 16
  • 32

1 Answers1

1

Try this.

$(window).load(function () {
    $(document.body).fadeIn(2000, function(){
        ('#video-wall-wrapper').get(0).play();
    });   
});

The video will start only when fadeIn is complete. As per specs, fadeIn accepts 2 arguments.

  • duration: A string or number determining how long the animation will run.

  • complete: A function to call once the animation is complete.

This is holds true for every async event in jQuery. You always have a way to provide callback functions.

<video preload="auto" autoplay volume="3" id="video-wall__content">

autoplay: Instructs the UA to automatically begin playback of the video as soon as it can do so without stopping.

Source.

So yeah, that basically defies the whole sense of starting the video with jQuery.

Saturnix
  • 10,130
  • 17
  • 64
  • 120
  • then add a timer, also: http://stackoverflow.com/questions/16873323/javascript-sleep-wait-before-continuing – Saturnix Nov 04 '14 at 02:39
  • btw, I'm trying it in Safari and while the first time it doesn't work if you refresh the page it works fine. Just pointing out as it might help in troubleshooting. – Saturnix Nov 04 '14 at 02:40
  • besides, isn't the "autoplay" tag what makes the video starts automatically? What's the sense into starting the video with jQ if you autoplay it? See updated answer! – Saturnix Nov 04 '14 at 02:45