clipbucket/upload/player/CB_video_js/cb_video_js.html

<link rel="stylesheet" href="{$cb_vjs_player_url}/css/video-js.css" />
<link href="{$cb_vjs_player_url}/css/cb_vjs_res.css" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=PT+Sans:400,700,700italic,400italic' rel='stylesheet' type='text/css'>

<script src="{$cb_vjs_player_url}/js/video.dev.js"></script>
<script src="{$cb_vjs_player_url}/js/cb_vjs_res.js"></script>


<video id="cb_video_js" class="video-js vjs-default-skin" width="{$width}" height="{$height}" poster="{getThumb vdetails=$vdata}" >
    {foreach $video_files as $file}
    {$quality = explode('-', $file)}
    {$quality = end($quality)}
    {$quality = explode('.',$quality)}
    {$quality = $quality.0}
    <source src='{$file}' type="video/mp4" data-res="{$quality}" />
    {/foreach}
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
</video>

<script type="text/javascript">
var videotitle = "{$vdata.title}";
var uploader = "{$vdata.username}";
var branding_logo  = "{$cb_logo}";
var product_link = "{$player_config.player_logo_url}";
var show_logo = true;

	var cb_player_setup = {
		plugins : { resolutionSelector : {
			// Pass any options here
			default_res : 'HD'
			// Define an on.ready function
		} }, 
		"techOrder" : ['html5', 'flash'],
		"controls": true,
		"autoplay": false,
		"preload": "auto",
		"videotitle" : videotitle,
		"uploader" : uploader,
		"branding_logo" : branding_logo,
		"show_logo" : show_logo,
		"product_link" : product_link
	};
	//Initializing
	var player = videojs('cb_video_js', cb_player_setup , function(){
		var cb_video_js = this;
	});

</script>
<script src="{$cb_vjs_player_url}/js/cb_vjs_custom.js"></script>