clipbucket/upload/player/CB_video_js/cb_video_js.html

144 lines
4.1 KiB
HTML
Executable file

<!-- 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 -->
<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">
<!-- <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-js.min.js"></script>
<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 $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>
<video id="cb_video_js" class="video-js vjs-default-skin" poster="{getThumb vdetails=$vdata size=768x432}" >
{foreach $video_files as $file}
{$quality = explode('-', $file)}
{$quality = end($quality)}
{$quality = explode('.',$quality)}
{$quality = $quality.0}
{if $flv_vid == true}
<source src='{$file}' type="video/x-flv" />
{else}
<source src='{$file}' type="video/mp4" label="{$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}";
if (autoplay == 'no'){
autoplay = false;
}else{
autoplay = true;
}
// Ad settings starts to pass on to player
var play_ad = "{$play_ad}";
if (play_ad){
alert("Fuck")
var ad_code = "{$current_ad.ad_tag}";
var ad_id = "{$current_ad.ad_id}";
}
//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
cb_vjs.videoJsResolutionSwitcher();
//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);
}
}
//Initializing
var cb_player = videojs('cb_video_js', cb_player_setup , cb_vjs_callback);
$(document).ready(function(){
// Editing Video Js > to be Improved in near Future !
var cb_vjs_settings = function(){
var cb_video_js = cb_player;
var is_this_player_muted = $.cookie("_this_player_muted");
if (is_this_player_muted == 'Muted' ){
$( ".vjs-mute-control" ).trigger( "click" );
}
}
cb_vjs_settings();
});
</script>
<style type="text/css">
.player-holder {
/*max-width: 800px;
margin: 0 auto;*/
margin: 0;
}
.player-holder .video-js {
width: 100%;
}
.player-holder .video-js .vjs-tech {
height: 100% !important;
}
</style>