<link href="/sites/all/libraries/video-js_v5/video-js.min.css" rel="stylesheet">
<style type="text/css">
/* Change all text and icon colors in the player. */
.vjs-matrix.video-js {
color:#f70505;
}

/* Change the border of the big play button. */
.vjs-matrix .vjs-big-play-button {
border-color: #f70505;
}

/* Change the color of various "bars". */
.vjs-matrix .vjs-volume-level,
.vjs-matrix .vjs-play-progress,
.vjs-matrix .vjs-slider-bar {
background: #f70505;
}
</style>

<video id="my_video" class="video-js" controls
preload="auto" width="640" height="480" data-setup="{}">

<source src=" <?php
$nid = {node_id_here_without_brackets};
$node = node_load($nid);
$field_name = 'field_video';
$invoked_video = field_get_items('node', $node, $field_name);

if ($format = 'url') {
print file_create_url($invoked_video[0]['uri']);

} else {
print $invoked_video[0][$format];
}

?>" type='video/mp4'>

</video>

<script>
var player = videojs('my_video', {

fluid: true,
fill: true,
responsive: true,
autoplay:'muted',
loop: true,
preload: 'metadata',
playbackRates: [0.5, 1, 1.5, 2]

});

// myPlayer.src([
// {type: 'video/mp4', src: 'http://www.example.com/path/to/video.mp4'},
// {type: 'video/webm', src: 'http://www.example.com/path/to/video.webm'},
// {type: 'video/ogg', src: 'http://www.example.com/path/to/video.ogv'}
// ]);
// set
// player.poster('/sites/all/libraries/projekktor/theme/maccaco.png');

// get
// console.log(player.poster());
// 'http://example.com/myImage.jpg'

player.addClass('vjs-matrix');

player.ready(function() {
// example 0.11 aka 11%
var howMuchIsDownloaded = player.bufferedPercent();

player.play();
player.pause();

// get
var howLoudIsIt = player.volume();
// set
player.volume(0.5); // Set volume to half

// get, should be false
console.log(player.muted());
// set to true
player.muted(true);
// get should be true
console.log(player.muted());

// duration will give you the total duration of the video that is playing
var lengthOfVideo = player.duration();

// get the current time, should be 120 seconds
var whereYouAt = player.currentTime();

// should be 10 seconds less than duration
console.log(player.remainingTime());

});

// modal.on('show', function() {
// var videoEl = modal.findEl('video');
// modal.player = videojs(videoEl);
// });

// modal.on('hide', function() {
// modal.player.dispose();
// });

player.on('ended', function() {
this.dispose();
});

</script>