VideoJS

A basic example of VideoJS

HTML

<script src="http://vjs.zencdn.net/4.11/video.js"></script>
<link rel="stylesheet" href="http://vjs.zencdn.net/4.11/video-js.css">
<!-- Begin VideoJS -->
<div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video id="example_video_1" class="video-js" width="640" height="264" controls preload>
        <source src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
                    <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
                    <object class="vjs-flash-fallback" width="640" height="264" type="application/x-shockwave-flash"
                    data="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf">
                        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
                        <param name="allowfullscreen" value="true" />
                        <param name="flashvars" value='config={"playlist":["https://upload.wikimedia.org/wikipedia/commons/thumb/e/e4/%27Unfreies_Wissen%27.mp4/800px--%27Unfreies_Wissen%27.mp4.jpg", {"url": "http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4","autoPlay":false,"autoBuffering":true}]}' />
                        title="No video playback capabilities." />
                    </object>
                    </video>
                    </div>
                        <!-- End VideoJS -->

CSS

body .vjs-play-control {
    border: solid 1px red;
}

JavaScript

var pausetime = 2; // stop at 2 seconds

var myPlayer = videojs('example_video_1');

myPlayer.on('timeupdate', function (e) {
    if (myPlayer.currentTime() >= pausetime) {
        myPlayer.pause();
    }
});

myPlayer.play();