clipbucket/upload/player/CB_video_js/cb_video_js.html

<!-- Following is the code for cb ultimate invideo ads settings  -->
{if $cb_ultimate_ads == 'installed'}
{$ads_array = ["filter_ad"=>true,"status"=>"1","non_expiry"=>'true']}
{$current_ad = $cbuads->get_ultimate_ads($ads_array)}
{if !empty($current_ad)}
	{$play_ad = true}
{else}
	{$play_ad = false}
{/if}
{/if}
<!-- End  -->

<!-- Following is the code for cb timecomments plugin  -->
{if $cb_timecomments_plugin == 'installed'}
	{$timecomments = get_timeComments($vdata.videoid)}
	{if (!empty($timecomments))}
		{$timecomments = json_encode($timecomments)}
		{*pr($timecomments,true)*}
	{/if}
{/if}
<!-- End  -->

<link rel="stylesheet" href="{$cb_vjs_player_url}/css/video-js.min.css">
<link href="{$cb_vjs_player_url}/css/cb_vjs_plugin.css" rel="stylesheet">
<link href="{$cb_vjs_player_url}/css/videojs.ads.css" rel="stylesheet">
<link href="{$cb_vjs_player_url}/css/videojs.ima.css" rel="stylesheet">
<link href="{$cb_vjs_player_url}/css/cb_vjs_resolution.css" rel="stylesheet">

{if $development_mode}
<script src="{$cb_vjs_player_url}/js/video-js.js"></script>
{else}
<script src="{$cb_vjs_player_url}/js/video-js.min.js"></script>
{/if}
<script src="{$cb_vjs_player_url}/js/cb_vjs_custom.js"></script>
<script src="{$cb_vjs_player_url}/js/cb_vjs_plugin.js"></script>
<script src="{$cb_vjs_player_url}/js/cb_vjs_resolution.js"></script>
{if $cb_timecomments_plugin == 'installed'}
<script src="{$cb_vjs_player_url}/js/timecomments.js"></script>
{/if}
{if $play_ad == true}
<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
{/if}
<script src="{$cb_vjs_player_url}/js/videojs.ads.js"></script>
<script src="{$cb_vjs_player_url}/js/videojs.ima.js"></script>
<script src="{$cb_vjs_player_url}/js/cb_ultimate_ads.js"></script>
{$default_quality = get_cbvjs_quality_type($video_files)}
<video id="cb_video_js" class="video-js vjs-default-skin" height="{$height}" width="{$width}" poster="{getThumb vdetails=$vdata size=768x432}" >
    {foreach $video_files as $file}
    {$quality = get_cbvjs_quality($file)}

    {if $flv_vid == true}
    	<source src='{$file}' type="video/x-flv" />
    {else}
    	<source src='{$file}' type="video/mp4" label="{strtoupper($quality)}" res="{$quality}"  />
    {/if}
    {/foreach}
    {ANCHOR place="play_def_sub"}
    <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 vid_id = "{$vdata.videoid}";
	var videotitle = "{$vdata.title|escape_quotes}";
	var uploader = "{$vdata.username}";
	var branding_logo  = "{$cb_logo}";
	var product_link = "{$player_config.player_logo_url}";
	var show_logo = true;
	var autoplay = "{$player_config.autoplay}";
	var default_res = "{$default_quality}";
	
	var cb_timecomments_plugin = "{$cb_timecomments_plugin}"; // timecomments settings
	if (cb_timecomments_plugin){
		var user_id = "{userid()}";
		var username = "{username()}";
		var user_profile  = "{$userquery->avatar('','m',userid())}";
	}

	var play_ad = "{$play_ad}"; //  Ad settings starts to pass on to player
	if (play_ad){
		var ad_code = "{$current_ad.ad_tag}";
		var ad_id = "{$current_ad.ad_id}";
	}

	if (autoplay == 'no'){
		autoplay = false;
	}else{
		autoplay = true;
	}
	//player settings
	var cb_player_setup = {
		plugins : { }, 
		"techOrder" : ['html5', 'flash'],
		"controls": true,
		"autoplay": autoplay,
		"preload": "auto",
	};

	//Setting CallBack
	var cb_vjs_callback = function(){
		var cb_vjs = this;
		//Calling Custom videoJs Elements Plugin
		var el_options = {
			logo : { 
					branding_logo : branding_logo,
				    product_link : product_link,
				    show_logo : true 
			},
			header : { 
					uploader : uploader,
					videotitle : videotitle
			}
		}
		cb_vjs.cb_vjs_elements(el_options);

		//Calling Resolution switcher plugin
		var res_options = {
			default : default_res,
			dynamicLabel : false
		}
		cb_vjs.videoJsResolutionSwitcher(res_options);

		//Calling Resolution switcher plugin
		if (play_ad){
			var ad_options = {
			  	ad_id: ad_id,
			    ad_code: ad_code,
			    autoplay: autoplay
			};
			cb_vjs.cb_ultimate_ads(ad_options);
		}
		
		if ( cb_timecomments_plugin == 'installed'  && typeof cb_timecomments_plugin != 'undefined'){
			
			var timecomments = '{$timecomments}';
			var comments_options = {
				comments : timecomments,
				dummy : false,
				videoid : vid_id,
				userid : user_id,
				userprofile : user_profile,
				username : username
			}
			cb_vjs.timecomments(comments_options);
			if (typeof timecomments != 'undefined' && timecomments != ''){
				console.log("Initialized Time Comments");
			}else{
				console.log("Time Comments are empty.. /");
			}
			
		}

		var  stateCheck = setInterval(function(){
		  	if (document.readyState === 'complete') {
		    	clearInterval(stateCheck);
		  		var cbVjsMenuBtn = document.querySelector('.vjs-resolution-button');
		  		if (cbVjsMenuBtn){
		  			var cbVjsMenu = cbVjsMenuBtn.children[0];
					var cbVjsMenuContent = cbVjsMenu.children[0];
					var cbVjsMenuContentRes = cbVjsMenuContent.children;
					
					for (var i = 0; i < cbVjsMenuContentRes.length; i++ ){
						cbVjsMenuContent.insertBefore(cbVjsMenuContentRes[i],cbVjsMenuContent.firstChild);
					}
		  		}
		  	}
		},100);  


	}
	//Initializing
	var cb_player = videojs('cb_video_js', cb_player_setup , cb_vjs_callback);
    

    

</script>


<style type="text/css">
	.video-js {
		width: 100%;
	}
	.video-js .vjs-tech {
		height: 100% !important;
	}
</style>