Question

I am using HTML video with flash fallback on my site but the flash doesnt seem to work in case HTML video is not supported. Do I need to include any javascript file to make this work ?

<video width="800" height="400" preload="" 
    onloadeddata="document.getElementById('videoLoadImg').style.display = 'none';"    
    poster="/admin/config/header_files/top.jpg" autoplay="">

    <source src="/admin/config/header_files/top.mp4" type='video/mp4;' />
    <source src="/admin/config/header_files/top.webm" type='video/webm; 
        codecs="vp8, vorbis"' />
    <source src="/admin/config/header_files/top.ogv" type='video/ogg; 
        codecs="theora, vorbis"' />
    <embed src='/admin/config/header_files/top.swf' 
        type='application/x-shockwave-flash' width='800' height='400'
        allowscriptaccess='always' allowfullscreen='false'></embed>
    <img src='/admin/config/header_files/cake.jpg' />
</video>

The HTML video is not working on my iMac with Safari 5.0.6.

Answer 1

Could it be the video is not auto played? because when I open WebKit Inspector and try

document.querySelector('video').play()

and it works. This case you could the code above to jQuery DOMReady, or add the autoplay attribute like this:

<video autobuffer autoplay>

FYI: I have Safari 5.1.2, however I believe Safari has support for HTML5 video around 4.0.