clipbucket/upload/player/CB_video_js/cb_video_js.html

74 lines
2.4 KiB
HTML
Executable file

<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 size=768x480}" >
{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" data-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 cb_player_setup = {
plugins : { resolutionSelector : {
// Pass any options here
default_res : '360'
// Define an on.ready function
} },
"techOrder" : ['html5', 'flash'],
"controls": true,
"autoplay": false,
"preload": "auto",
"vid_id" : vid_id,
"videotitle" : videotitle,
"uploader" : uploader,
"branding_logo" : branding_logo,
"show_logo" : show_logo,
"product_link" : product_link,
};
//Setting CallBack
var cb_vjs_callback = function(){
var cb_vjs = this;
console.log("CB Player Ready !");
}
//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>
<script src="{$cb_vjs_player_url}/js/cb_vjs_custom.js"></script>