Home

documentaires - commercials - bedrijfsfilms - showreels - video tutorials 

Portfolio


Contact


if (!class_exists('VC_Extensions_VideoGallery')){ class VC_Extensions_VideoGallery{ private $thumbstr, $bgcolor, $thumbtextcolor, $captionsize, $thumbsize, $minheight; function __construct() { vc_map(array( "name" => __("YouTube or Vimeo Video Gallery", 'cq_allinone_vc'), "base" => "cq_vc_videogallery", "class" => "cq_vc_videogallery", "icon" => "cq_vc_videogallery", "category" => __('Sike Extensions', 'js_composer'), "as_parent" => array('only' => 'cq_vc_videogallery_item'), // "content_element" => false, // "is_container" => true, "js_view" => 'VcColumnView', "show_settings_on_create" => true, 'description' => __('YouTube or Vimeo', 'js_composer'), "params" => array( array( "type" => "dropdown", "holder" => "", "heading" => __("Display how many video thumbnail on the column?", "cq_allinone_vc"), "param_name" => "videonum", "value" => array("2", "3", "4", "5", "6", "7", "8", "9", "10"), "std" => "4", "description" => __("", "cq_allinone_vc") ), array( "type" => "dropdown", "holder" => "", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Thumbnail image size:", "cq_allinone_vc"), "param_name" => "thumbsize", "value" => array("48", "64", "80", "120", "160"), "std" => "64", "description" => __("", "cq_allinone_vc") ), array( "type" => "dropdown", "holder" => "", "class" => "", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Arrow color style:", "cq_allinone_vc"), "param_name" => "arrowstyle", "value" => array("Grape Fruit" => "grapefruit", "Bitter Sweet" => "bittersweet", "Sunflower" => "sunflower", "Grass" => "grass", "Mint" => "mint", "Aqua" => "aqua", "Blue Jeans" => "bluejeans", "Lavender" => "lavender", "Pink Rose" => "pinkrose", "Light Gray" => "lightgray", "Medium Gray" => "mediumgray", "Dark Gray" => "darkgray", "Transparent (content with white background)" => "cq-transparent", "Customized color:" => "customized"), 'std' => 'aqua', "description" => __("", "cq_allinone_vc") ), array( "type" => "dropdown", "holder" => "", "class" => "vc_coverslider_cq", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Arrow size", "vc_coverslider_cq"), "param_name" => "buttonsize", "value" => array("Small"=>"btn-small", "Medium"=>"btn-medium", "Large"=>"btn-large"), 'std' => 'btn-medium', "description" => __("", "vc_coverslider_cq") ), // array( // "type" => "dropdown", // "holder" => "", // "edit_field_class" => "vc_col-xs-6 vc_column", // "heading" => __("Video / Thumbnail ratio", "cq_allinone_vc"), // "param_name" => "ratio", // "value" => array("70%/30%" => "70", "64", "80", "120", "160"), // "std" => "64", // "description" => __("", "cq_allinone_vc") // ), array( "type" => "colorpicker", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Video Background color", 'cq_allinone_vc'), "param_name" => "bgcolor", "value" => "", "description" => __("", 'cq_allinone_vc') ), array( "type" => "colorpicker", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Thumbnail Background color", 'cq_allinone_vc'), "param_name" => "thumbbg", "value" => "", "description" => __("", 'cq_allinone_vc') ), array( "type" => "colorpicker", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Thumbnail text color", 'cq_allinone_vc'), "param_name" => "thumbtextcolor", "value" => "", "description" => __("", 'cq_allinone_vc') ), // array( // "type" => "dropdown", // "holder" => "", // "edit_field_class" => "vc_col-xs-6 vc_column", // "heading" => __("Auto delay slideshow", "cq_allinone_vc"), // "param_name" => "autoslide", // "value" => array("no", "2", "3", "4", "5", "6", "7", "8"), // "std" => "no", // "description" => __("In seconds, default is no, which is disabled.", "cq_allinone_vc") // ), array( "type" => "colorpicker", "holder" => "div", "class" => "", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Arrow color", 'vc_coverslider_cq'), "param_name" => "arrowcolor", "value" => '', "description" => __("Default is white.", 'vc_coverslider_cq') ), array( "type" => "colorpicker", "holder" => "div", "class" => "", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Arrow hover color", 'vc_coverslider_cq'), "param_name" => "arrowhovercolor", "value" => '', "description" => __("Default is white.", 'vc_coverslider_cq') ), array( "type" => "textfield", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("min-height for the video ", 'cq_allinone_vc'), "param_name" => "minheight", "value" => "", "description" => __("Default video height will fit to the thumbnails, you can customize it with a value too, default is 240.", 'cq_allinone_vc') ), // array( // "type" => "dropdown", // "edit_field_class" => "vc_col-xs-6 vc_column", // "holder" => "", // "heading" => __("Display the navigation arrow on the:", "cq_allinone_vc"), // "param_name" => "navposition", // "value" => array("left (float)" => "float-left", "right (float)" => "float-right"), // 'std' => 'float-left', // "description" => __("", "cq_allinone_vc") // ), // array( // "type" => "textfield", // "edit_field_class" => "vc_col-xs-6 vc_column", // "heading" => __("Thumbnail image size", "cq_allinone_vc"), // "param_name" => "thumbsize", // "value" => "", // "description" => __("Default is 64 (64x64in pixel), support other value like 80 or 48 etc.", "cq_allinone_vc") // ), array( "type" => "textfield", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Thumbnail caption font size", "cq_allinone_vc"), "param_name" => "captionsize", "value" => "", "description" => __("Default is 12px, support other value like 1em or 14px etc.", "cq_allinone_vc") ), array( 'type' => 'checkbox', 'heading' => __( 'Display the thumbnail as tooltip only?', 'cq_allinone_vc' ), 'param_name' => 'istooltip', 'description' => __( 'The caption will be display side by the thumbnail, you can choose to hide them and display as tooltip only.', 'cq_allinone_vc' ), 'std' => 'no', 'value' => array( __( 'Yes', 'cq_allinone_vc' ) => 'yes' ), ), array( "type" => "textfield", "edit_field_class" => "vc_col-xs-6 vc_column", "heading" => __("Extra class name", "cq_allinone_vc"), "param_name" => "extraclass", "value" => "", "description" => __("If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.", "cq_allinone_vc") ), array( "type" => "css_editor", "heading" => __( "CSS", "cq_allinone_vc" ), "param_name" => "css", "description" => __("It's recommended to use this to customize the padding/margin only.", "cq_allinone_vc"), "group" => __( "Design options", "cq_allinone_vc" ), ) ) )); vc_map( array( "name" => __("Video Item","cq_allinone_vc"), "base" => "cq_vc_videogallery_item", "class" => "cq_vc_videogallery_item", "icon" => "cq_vc_videogallery_item", "category" => __('Sike Extensions', 'js_composer'), "description" => __("Add video and thumbnail","cq_allinone_vc"), "as_child" => array('only' => 'cq_vc_videogallery'), "show_settings_on_create" => true, "content_element" => true, "params" => array( array( "type" => "dropdown", "holder" => "", "heading" => __("Select the video type:", "cq_allinone_vc"), "param_name" => "videotype", "value" => array("YouTube" => "youtube", "Vimeo" => "vimeo"), "std" => "youtube", "description" => __("", "cq_allinone_vc") ), array( "type" => "textfield", "heading" => __("Video ID:", "cq_allinone_vc"), "param_name" => "youtubeid", "value" => "", "dependency" => Array('element' => "videotype", 'value' => array('youtube')), "description" => __("You can get it from the URL, for example, https://www.youtube.com/watch?v=ba2OnpjbncQ, then the ID is ba2OnpjbncQ ", "cq_allinone_vc") ), array( "type" => "textfield", "heading" => __("Video URL ID:", "cq_allinone_vc"), "param_name" => "vimeoid", "value" => "", "dependency" => Array('element' => "videotype", 'value' => array('vimeo')), "description" => __("For example, https://vimeo.com/355853531, then the ID is 355853531 ", "cq_allinone_vc") ), array( "type" => "textfield", "heading" => __("Thumbnail caption", "cq_allinone_vc"), "param_name" => "caption", "value" => "Default title", "description" => __("Title for the video, can be displayed as tooltip too.", "cq_allinone_vc") ), array( "type" => "attach_image", "heading" => __("Video thumbnail image:", "cq_allinone_vc"), "param_name" => "image", "value" => "", "description" => __("Select from media library.", "cq_allinone_vc") ), // array( // "type" => "vc_link", // "heading" => __("URL (Optional link for the image)", "cq_allinone_vc"), // "param_name" => "imagelink", // "value" => "", // "description" => __("", "cq_allinone_vc") // ), // array( // 'type' => 'checkbox', // 'heading' => __( 'Resize the image?', 'cq_allinone_vc' ), // 'param_name' => 'isresize', // 'description' => __( 'We will use the original image by default, you can specify a width below if the original image is too large.', 'cq_allinone_vc' ), // 'std' => 'no', // 'value' => array( __( 'Yes', 'cq_allinone_vc' ) => 'yes' ), // ), // array( // "type" => "textfield", // "heading" => __("Resize image to this width.", "cq_allinone_vc"), // "param_name" => "imagesize", // "value" => "64", // "dependency" => Array('element' => "isresize", 'value' => array('yes')), // "description" => __('Enter image width in pixels, for example: 400. The image then will be resized to 400. Leave empty to use original full image.', "cq_allinone_vc") // ) // array( // "type" => "textarea_html", // "heading" => __("Caption", "cq_allinone_vc"), // "param_name" => "content", // "value" => "", // "group" => "Text", // "description" => __("Optional caption under the image (support youtube/vimeo embed code too).", "cq_allinone_vc") // ) ), ) ); add_shortcode('cq_vc_videogallery', array($this,'cq_vc_videogallery_func')); add_shortcode('cq_vc_videogallery_item', array($this,'cq_vc_videogallery_item_func')); } function cq_vc_videogallery_func($atts, $content=null) { $css_class = $css = $arrowcolor = $arrowhovercolor = $arrowstyle = $extraclass = ''; $imageposition = $navposition = $buttonsize = $thumbstr = $minheight = $videonum = $bgcolor = $thumbbg = $thumbtextcolor = $captionsize = $istooltip = ''; $this -> thumbstr = ''; $this -> bgcolor = ''; $this -> thumbtextcolor = ''; $this -> captionsize = ''; $this -> thumbsize = ''; $this -> minheight = ''; extract(shortcode_atts(array( "arrowstyle" => "aqua", "autohide" => "yes", "minheight" => "", "videonum" => "", "bgcolor" => "", "thumbbg" => "", "thumbtextcolor" => "", "captionsize" => "", "thumbsize" => "64", // "isborder" => "", "imageposition" => "top", "navposition" => "float-left", "buttonsize" => "btn-medium", // "autoslide" => "no", "arrowcolor" => "", "arrowhovercolor" => "", "istooltip" => "no", "css" => "", "extraclass" => "" ),$atts)); $output = ""; $css_class = apply_filters(VC_SHORTCODE_CUSTOM_CSS_FILTER_TAG, vc_shortcode_custom_css_class($css, ''), 'cq_vc_videogallery', $atts); wp_register_style( 'vc-extensions-videogallery-style', plugins_url('css/style.css', __FILE__) ); wp_enqueue_style( 'vc-extensions-videogallery-style' ); wp_register_style('slick', plugins_url('slick/slick.css', __FILE__)); wp_enqueue_style('slick'); wp_register_style('tooltipster', plugins_url('css/tooltipster.css', __FILE__)); wp_enqueue_style('tooltipster'); wp_register_script('tooltipster', plugins_url('js/jquery.tooltipster.min.js', __FILE__), array('jquery')); wp_enqueue_script('tooltipster'); wp_register_script('slick', plugins_url('slick/slick.min.js', __FILE__), array("jquery")); wp_enqueue_script('slick'); wp_register_script('vc-extensions-videogallery-script', plugins_url('js/init.min.js', __FILE__), array("jquery", "slick", "tooltipster")); wp_enqueue_script('vc-extensions-videogallery-script'); $this -> bgcolor = $bgcolor; $this -> thumbtextcolor = $thumbtextcolor; $this -> captionsize = $captionsize; $this -> thumbsize = $thumbsize; $this -> minheight = $minheight; $output .= ''; return $output; } function cq_vc_videogallery_item_func($atts, $content=null, $tag) { $output = $videotype = $youtubeid = $vimeoid = $image = $imagesize = $videowidth = $isresize = $caption = $itembgcolor = $css = $imagelink = ""; // if(version_compare(WPB_VC_VERSION, "4.6") >= 0){ // var_dump($tag, $atts); // $atts = vc_map_get_attributes($tag, $atts); // extract($atts); // }else{ extract(shortcode_atts(array( "videotype" => "youtube", "youtubeid" => "", "vimeoid" => "", "faceicon" => "entypo", "image" => "", "imagesize" => "64", "isresize" => "yes", "iscaption" => "", "caption" => "Default title", "itembgcolor" => "", "imagelink" => "", "css" => "" ), $atts)); vc_icon_element_fonts_enqueue($faceicon); $content = wpb_js_remove_wpautop($content, true); // fix unclosed/unwanted paragraph tags in $content $imagelink = vc_build_link($imagelink); $img = $thumbnail = ""; $fullimage = wp_get_attachment_image_src($image, 'full'); $attachment = get_post($image); $thumbnail = $fullimage[0]; $imagesize = $this -> thumbsize; // if($isresize=="yes"&&$imagesize!=""){ if(function_exists('wpb_resize')){ $img = wpb_resize($image, null, $imagesize*2, $imagesize*2, true); $thumbnail = $img['url']; if($thumbnail=="") $thumbnail = $fullimage[0]; } // } $output = ''; $output .= '
'; if($videotype == "youtube"){ $output .= ''; }else if($videotype == "vimeo"){ $output .= ''; } $output .= '
'; $border_style = ''; $this -> thumbstr .= '
  • '; $this -> thumbstr .= ''; $this -> thumbstr .= '
    '; $this -> thumbstr .= ''.get_post_meta($image, '_wp_attachment_image_alt', true ).''; $this -> thumbstr .= ''; $this -> thumbstr .= $caption; $this -> thumbstr .= ''; $this -> thumbstr .= '
    '; $this -> thumbstr .= '
    '; $this -> thumbstr .= '
  • '; return $output; } } } //Extend WPBakeryShortCodesContainer class to inherit all required functionality if ( class_exists( 'WPBakeryShortCodesContainer' ) && !class_exists('WPBakeryShortCode_cq_vc_videogallery')) { class WPBakeryShortCode_cq_vc_videogallery extends WPBakeryShortCodesContainer { } } if ( class_exists( 'WPBakeryShortCode' ) && !class_exists('WPBakeryShortCode_cq_vc_videogallery_item')) { class WPBakeryShortCode_cq_vc_videogallery_item extends WPBakeryShortCode { } } function vc_extensions_videogallery_notice(){ $plugin_data = get_plugin_data(__FILE__); echo '

    '.sprintf(__('%s requires Visual Composer plugin to be installed and activated on your site.', 'vc_extensions_videogallery'), $plugin_data['Name']).'

    '; } if (!defined('ABSPATH')) die('-1'); function vc_extensions_videogallery_init(){ if (!defined('WPB_VC_VERSION')) {add_action('admin_notices', 'vc_extensions_videogallery_notice'); return;} wp_register_style( 'vc_extensions_admin_videogallery', plugins_url('css/admin_icon.css', __FILE__) ); wp_enqueue_style( 'vc_extensions_admin_videogallery' ); if(class_exists('VC_Extensions_videogallery')) $cq_extensions_videogallery = new VC_Extensions_videogallery(); } add_action('init', 'vc_extensions_videogallery_init'); ?>