How to control HTML5 video using javascript?

Question

I have been looking for control over HTML5 video so much and I am stuck in managing video using javascript. In the application you must know the rule.

There will be no browser interaction at any time .

What I'm trying to achieve is
1) Open the video in full screen mode and play the video
2) When the video is completed, the video and video will be closed off the screen, so the contents of html will be visible
3) The video display controls will not be displayed at any time .

What is the easiest way to achieve this with javascript?

Answer 1

VideoJS - CSS, . , HTML5.

VideoJS .

$("video").VideoJS({ 
      controlsbelow: false,
      showControlAtStart: false
});

, .
, .

.fullscreen {
    width:1280px;
    height:800px;
    z-index:10001;
    top:0;
    left:0;
    position:fixed;
}

, , .

(display: none)

$("video").bind("ended", function () {
      $("#videoContainer").removeClass("fullscreen").addClass("hidden");
});

. .

Answer 2

1) :

HTML5?

2), , , jQuery , , - this

: @Mzialla.

3) , :

http://videojs.com/

!

Answer 3

, , .

, , , , "".

, exitfullscreen "end".

porpuse, , - .

: http://netkoder.dk/test/test0267.html