2014-05-09 14:38:00 +00:00
{$video=$vdo}
{$type='video'}
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 col-md-8 col-sm-12 col-xs-12 player" >
< div class = "cb-box pad-bottom-sm" >
< div id = "cb_player" class = "no-pad" >
2014-08-16 06:46:44 +00:00
{FlashPlayer vdetails=$video width='749' height='350'}
2014-06-05 17:30:48 +00:00
2014-05-09 14:38:00 +00:00
< / div >
2014-06-05 17:30:48 +00:00
< div class = "col-md-2" style = "margin-left:-14px;margin-top:12px;" >
< img src = "{$userquery->avatar($video)}" class = "img-circle" style = "border: solid; border-color: #3880FC; width: 90px; height: 90px" / >
< / div >
2014-05-09 14:38:00 +00:00
< div class = "cb-item-title-container" >
2014-06-05 17:30:48 +00:00
<!-- <div class="cb - item - thumb">
2014-05-09 14:38:00 +00:00
< img height = "65" width = "65" src = "{$userquery->avatar($video)}" class = "img-circle" / >
2014-06-05 17:30:48 +00:00
< / div > -->
2014-05-09 14:38:00 +00:00
< div class = "cb-item-title marginBottom margin-bottom-10 " style = "overflow: hidden; padding-bottom: 10px;" >
{$video.title}
< / div >
< div class = "cb-item-user" >
< a href = "{$userquery->profile_link($video)}" > {$video.username}< / a >
< / div >
< a id = "subscribeUser" class = "btn btn-xs btn-primary" >
{lang('Subscribe')}
< / a >
2014-06-06 11:57:22 +00:00
<!-- likes and views -->
< div class = "pull-right col-md-8" style = "width:200px;" >
< div class = "pull-right col-md-8" style = "border-bottom: 2px solid green;text-align:right;width:107px;margin-top: -30px;" >
{$vdo.views|number_format}
< span class = "small" style = "font-size:18px;" > {lang('views')}< / span > < / div >
< div class = "pull-right col-md-3" id = "rating_container" style = "width:200px; margin-right:-20px; " >
{show_video_rating rating=$vdo.rating ratings=$vdo.rated_by total='10' id=$vdo.videoid type=video}
< / div >
< / div >
< / div >
2014-05-09 14:38:00 +00:00
< div class = "cb-item-desc-container" >
< ul class = "nav nav-tabs" >
< li class = "active" >
< a href = "#cb-item-info" data-toggle = "tab" > {lang('Info')}< / a >
< / li >
< li >
< a href = "#cb-item-share" data-toggle = "tab" > {lang('Share')}< / a >
< / li >
< li >
< a href = "#cb-item-addto" data-toggle = "tab" > {lang('Add to')}< / a >
< / li >
< li >
< a id = "reportVideo" href = "#cb-item-report" data-toggle = "tab" > {lang('Report')}< / a >
< / li >
< / ul >
< div class = "tab-content" >
< div class = "tab-pane active" id = "cb-item-info" >
< div class = "col-lg-9 col-md-9 col-sm-12 col-xs-12" >
< div class = "cb-item-description overflow_hidden" >
< p id = "videoDescription" > {description($video.description)}< / p >
< div class = "mtm" >
< strong > {lang('Category')}< / strong >
< div > {$vdo.category|categories:video}< / div >
< / div >
< div class = "mtm" >
< strong > {lang('Tags')}< / strong >
< div class = "overflow_hidden" > {$vdo.tags|tags:videos}< / div >
< / div >
< div class = "mtm" >
< strong > {lang code='views'}< / strong > : {$vdo.views|number_format} –
< strong > {lang code='duration'}< / strong > : {$vdo.duration|SetTime} –
< strong > {lang code='comments'}< / strong > : {$vdo.comments_count|number_format}
< / div >
< / div >
< / div >
< div class = "col-lg-3 col-md-3 col-sm-12 col-xs-12" >
< div class = "pull-right" >
2014-06-06 12:51:45 +00:00
< a class = "cb-item-social-icon twitter" href = "https://twitter.com/share" target = "_blank" >
2014-05-09 14:38:00 +00:00
< i class = "fa fa-twitter" > < / i >
< / a >
< a class = "cb-item-social-icon googlep" href = "https://plus.google.com/share?url={urlencode(videolink($video))}" target = "_blank" >
< i class = "fa fa-google-plus" > < / i >
2014-06-05 17:30:48 +00:00
2014-05-09 14:38:00 +00:00
< / a >
< a class = "cb-item-social-icon facebook" href = "http://www.facebook.com/sharer/sharer.php?s=100&p[url]={videoLink($video)|urlencode}&p[images][0]={get_thumb vdetails=$video}&p[title]={$video.title|title|urlencode}&p[summary]={$video.description|description|urlencode}" target = "_blank" >
< i class = "fa fa-facebook" > < / i >
2014-06-05 17:30:48 +00:00
2014-05-09 14:38:00 +00:00
< / a >
< / div >
2014-06-05 17:30:48 +00:00
< / div >
2014-05-09 14:38:00 +00:00
< / div >
2014-06-05 17:30:48 +00:00
2014-05-09 14:38:00 +00:00
< div class = "tab-pane" id = "cb-item-share" >
{show_share_form id=$vdo.videoid type=video}
< / div >
< div class = "tab-pane" id = "cb-item-addto" >
2014-07-08 08:35:32 +00:00
< div class = "clearfix visible-xs-block" style = "margin-bottom:25px;" >
< div id = "video_action_result_cont" style = "display:none;" > < / div >
< a class = "btn mtm btn-block btn-primary" href = "javascript:void(0)" onclick = "add_to_fav('video','{$vdo.videoid}');" style = "color:white;" > Add to My Favorites< / a >
< / div >
< div class = "alert " >
2014-05-09 14:38:00 +00:00
{show_playlist_form id=$vdo.videoid type=video}
2014-07-08 08:35:32 +00:00
< / div >
2014-05-09 14:38:00 +00:00
< / div >
< div class = "tab-pane" id = "cb-item-report" >
{show_flag_form id=$vdo.videoid type=video}
< / div >
< / div >
< / div >
< div class = "clearfix" > < / div >
< div id = "messageFav" class = "alert alert-info marginTop" style = "display:none" > < / div >
< / div >
<!-- <div class="cb - box pad - bottom">
< div class = "addComment clearfix" >
< h3 > {lang('Comments')} ({$vdo.comments_count})< / h3 >
{if $myquery->is_commentable($vdo,'v')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$vdo.videoid type=v}
{else}
< div class = "alert alert-warning" > {lang code='comm_disabled_for_vid'}< / div >
{/if}
< / div >
< div class = "userComments" >
< ul class = "list-unstyled" id = "userCommentsList" >
< / ul >
< / div >
< / div > -->
< / div >
<!-- Side bar -->
< div class = "col-lg-4 col-md-4 visible-lg visible-md side-video" style = "float:right;" >
< div class = "cb-box" >
2014-06-05 17:30:48 +00:00
< div class = "ad" > {AD place='ad_320x250'}< / div >
<!-- <a href="http://www.arvixe.com/clipbucket_hosting?utm_campaign=300x250_Demo&utm_medium=banner&utm_source=clipbucket.com"><img class="banner" src="{$theme}/assets/images/add320x250.png" style="margin - bottom: 10px; width: 100%;" > -->
2014-05-09 14:38:00 +00:00
< / a >
< h3 > {lang code="Most Popular"}< / h3 >
{foreach $videos as $video}
{include file="$style_dir/blocks/videos/video_popular.html"}
{/foreach}
< / div >
< / div >
<!-- /Side bar -->
2014-07-22 08:48:22 +00:00
< div id = "test1" > < / div >
< div id = "reply" style = "float:left; width:751px; margin-left:15px;" >
2014-05-09 14:38:00 +00:00
< div class = "cb-box pad-bottom" >
2014-07-22 08:48:22 +00:00
< div class = "addComment clearfix" >
< h3 > {lang('Comments')} <!-- {$vdo.comments_count} --> < / h3 >
2014-05-09 14:38:00 +00:00
{if $myquery->is_commentable($vdo,'v')}
{include file="$style_dir/blocks/comments/add_comment.html" id=$vdo.videoid type=v}
{else}
< div class = "alert alert-warning" > {lang code='comm_disabled_for_vid'}< / div >
{/if}
< / div >
< div class = "userComments" >
< ul class = "list-unstyled" id = "userCommentsList" >
< / ul >
< / div >
< / div > < / div >
< / div >
< div style = "height:20px" > < / div >
< script >
//var aspect_ratio = 1.77778
var aspect_ratio = 2.2
var $cb_player = $("#cb_player");
$(document).ready(function(){
$cb_player.height( $cb_player.width() / aspect_ratio );
var videoInfo = $("#videoDescription").text();
var newInfo = videoInfo.replace(/(((https?:\/\/)|([\s\t]))(www.)?([a-z0-9]+)\.[a-z]+)/g, '< a href = "$1" > $1< / a > ');
$("#videoDescription").html(newInfo);
comments_voting = '{$vdo.comment_voting}';
_cb.getAllComments(
'{$type}',
'{$vdo.videoid}',
'{$vdo.last_commented}',1,
'{$vdo.comments_count}',
'{$object_type}'
);
// $('.cb-item-description').readmore({
// speed: 75,
// maxHeight: 120,
// moreLink : '< a href = "#" class = "btn btn-min btn-block btn-primary" > < i class = "glyphicon glyphicon-arrow-down" > < / i > {lang("Read more")}< / a > ',
// lessLink : '< a href = "#" class = "btn btn-min btn-block btn-default" > {lang("Close")}< / a > '
// });
$("#reportVideo").on({
click : function(e){
e.preventDefault();
$("#flag_item").show();
}
});
$("#subscribeUser").on({
click: function(e){
e.preventDefault();
_cb.subscribeToChannel('{$video.userid}','subscribe_user','video_detail_result_cont');
}
});
});
var resizePlayer = _cb.debounce(function() {
$cb_player.height( $cb_player.width() / aspect_ratio );
}, 500, false);
$(window).resize(resizePlayer);
< / script >
< style type = "text/css" >
footer{
position: relative;
top: 65px;
}
< / style >
