HTML5 - auto start playing video

programming web dev
1

I’m developing a video website for iPad. I couldn’t get the video to autoplay. I couldn’t even force it to play after it loaded. The following code is written with the Prototype framework, but I can assure you, it doesn’t even work with straight up JS.


$('container').appendChild(
    new Element(
        'video', {
            id: 'iPadVideo',
            src: 'http://site.com/live.m3u8',
            controls: 'controls',
            autoplay: 'autoplay',
            width: '100%',
            height: '100%'
        }
    )
);

$('iPadVideo').play();

The only way I could get play() to work is:
[LIST=1]
[]use my finger to hit the play button overlayed on the player
[]call $(‘iPadVideo’).pause()
[*]call $('iPadVideo).play()
[/LIST]

But I really just wanted it to autoplay without the user doing anything. How do I do that?