clipbucket/upload/player/CB_video_js/cb_video_js.html

71 lines
2.3 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=500x283}" >
{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,
};
//Initializing
var player = videojs('cb_video_js', cb_player_setup , function(){
var cb_video_js = this;
});
// saves audio settings
isMuted = $.cookie("isMuted");
if (isMuted != "false") {
$('video').attr('muted','muted');
$('.vjs-mute-control').trigger('click');
}
$('.vjs-mute-control').on("click",function(){
if (isMuted != "false") {
$.cookie("isMuted", "false");
} else {
$.cookie("isMuted", "muted");
}
});
</script>
<script src="{$cb_vjs_player_url}/js/cb_vjs_custom.js"></script>