On Ipad, Video Doesn't Go Fullscreen Using Html5

I tried getting a video to display fullscreen on iPad using HTML5, but the result I get is: First time click video is play Second time click fullscreen video is play it will appea

Solution 1:

I was running into the same issue, and setTimeout seems to be the best solution I've run into.

This is what is working for me:

note: the videoEnable function is called through an onclick attribute in the "a" tag

//define functionvar videoEnable = function(videoCount) {

    //Play video
    $('video').get(videoCount).play(); 

    //Timeout before fullscreen registerssetTimeout(function(){
        $('video').get(videoCount).webkitEnterFullscreen();
    }, 2000);
}

Is that what you are looking for?