File: /home/honghock/public_html/wp-content/plugins/elementskit-lite/widgets/video/video.php
<?php
namespace Elementor;
use Elementor\Modules\DynamicTags\Module as TagsModule;
use \Elementor\ElementsKit_Widget_Video_Handler as Handler;
if ( ! defined( 'ABSPATH' ) ) exit;
class ElementsKit_Widget_Video extends Widget_Base {
use \ElementsKit_Lite\Widgets\Widget_Notice;
public $base;
public function get_style_depends() {
return ['wp-mediaelement'];
}
public function get_script_depends() {
return ['wp-mediaelement'];
}
public function get_name() {
return Handler::get_name();
}
public function get_title() {
return Handler::get_title();
}
public function get_icon() {
return Handler::get_icon();
}
public function get_categories() {
return Handler::get_categories();
}
public function get_keywords() {
return Handler::get_keywords();
}
protected function is_dynamic_content(): bool {
return false;
}
public function get_help_url() {
return 'https://wpmet.com/doc/video/';
}
protected function register_controls() {
$this->start_controls_section(
'ekit_video_popup_content_section',
[
'label' => esc_html__( 'Video', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_CONTENT,
]
);
$this->add_control(
'ekit_video_popup_video_type',
[
'label' => esc_html__( 'Video Type', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'youtube',
'options' => [
'youtube'=> esc_html__( 'Youtube', 'elementskit-lite' ),
'vimeo'=> esc_html__( 'Vimeo', 'elementskit-lite' ),
'self'=> esc_html__( 'Self Hosted', 'elementskit-lite' ),
]
]
);
$this->add_control(
'ekit_video_popup_url',
[
'label' => esc_html__( 'Link', 'elementskit-lite' ),
'type' => Controls_Manager::TEXT,
'input_type' => 'url',
'placeholder' => esc_url( 'https://www.youtube.com/watch?v=VhBl3dHT5SY' ),
'default' => esc_url( 'https://www.youtube.com/watch?v=VhBl3dHT5SY' ),
'dynamic' => [
'active' => true,
],
'condition' => [
'ekit_video_popup_video_type!' => 'self',
],
]
);
$this->add_control(
'ekit_video_self_url',
[
'label' => esc_html__('Custom URL', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_video_type' => 'self',
],
]
);
$this->add_control(
'ekit_video_self_external_url',
[
'label' => esc_html__( 'URL', 'elementskit-lite' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
'placeholder' => esc_html__('Enter video URL', 'elementskit-lite'),
'description' => esc_html__('Input a valid video url', 'elementskit-lite'),
'dynamic' => [
'active' => true,
],
'condition' => [
'ekit_video_self_url' => 'yes',
'ekit_video_popup_video_type' => 'self',
],
]
);
$this->add_control(
'ekit_video_player_self_hosted',
[
'label' => esc_html__( 'Choose Video', 'elementskit-lite' ),
'type' => Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
'categories' => [
TagsModule::MEDIA_CATEGORY,
],
],
'media_type' => 'video',
'condition' => [
'ekit_video_self_url!' => 'yes',
'ekit_video_popup_video_type' => 'self',
],
]
);
//video option
$this->add_control(
'ekit_video_popup_start_time',
[
'label' => esc_html__( 'Start Time (Sec)', 'elementskit-lite' ),
'type' => Controls_Manager::NUMBER,
'dynamic' => [
'active' => true,
],
'input_type' => 'number',
'placeholder' => '',
'default' => '0',
'condition' => ['ekit_video_popup_video_type' => 'youtube' ]
]
);
$this->add_control(
'ekit_video_popup_end_time',
[
'label' => esc_html__( 'End Time (Sec)', 'elementskit-lite' ),
'type' => Controls_Manager::NUMBER,
'dynamic' => [
'active' => true,
],
'input_type' => 'number',
'placeholder' => '',
'default' => '',
'condition' => ['ekit_video_popup_video_type' => 'youtube']
]
);
$this->add_control(
'content_tabs_after',
[
'type' => Controls_Manager::DIVIDER,
]
);
//video style
$this->add_control(
'ekit_video_style',
[
'label' => esc_html__('Video Style', 'elementskit-lite'),
'type' => \Elementor\Controls_Manager::SELECT,
'options' => [
'inline' => esc_html__('Inline', 'elementskit-lite'),
'popup' => esc_html__('Popup', 'elementskit-lite'),
],
'default' => 'popup',
]
);
$this->add_control(
'ekit_video_inline_image_overlay_switcher',
[
'label' => esc_html__( 'Image Overlay', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'default' => 'no',
'condition' => [
'ekit_video_style' => 'inline',
],
]
);
$this->add_control(
'ekit_video_inline_overlay_image',
[
'label' => esc_html__( 'Overlay Image', 'elementskit-lite' ),
'type' => Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
'separator' => 'before',
'condition' => [
'ekit_video_style' => 'inline',
'ekit_video_inline_image_overlay_switcher' => 'yes',
],
]
);
$this->add_control(
'ekit_video_popup_button_icons__switch',
[
'label' => esc_html__('Play icon? ', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'condition' => [
'ekit_video_popup_button_style' => ['icon', 'both'],
'ekit_video_style' => 'popup',
]
]
);
$this->add_control(
'ekit_video_inline_button_icons__switch_overlay',
[
'label' => esc_html__('Play icon?', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_button_style' => ['icon', 'both'],
'ekit_video_style' => 'inline',
'ekit_video_inline_overlay_image[url]!' => '',
]
]
);
$this->add_control(
'ekit_video_popup_button_style',
[
'label' => esc_html__( 'Button Style', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'icon',
'options' => [
'text' => esc_html__( 'Text', 'elementskit-lite' ),
'icon' => esc_html__( 'Icon', 'elementskit-lite' ),
'both' => esc_html__( 'Both', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_style' => 'popup',
'ekit_video_popup_button_icons__switch' => 'yes',
],
]
);
$this->add_control(
'ekit_video_inline_button_style',
[
'label' => esc_html__( 'Button Style', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'icon',
'options' => [
'text' => esc_html__( 'Text', 'elementskit-lite' ),
'icon' => esc_html__( 'Icon', 'elementskit-lite' ),
'both' => esc_html__( 'Both', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_inline_button_icons__switch_overlay' => 'yes',
'ekit_video_inline_image_overlay_switcher' => 'yes',
'ekit_video_style' => 'inline',
],
]
);
$this->add_control(
'ekit_video_popup_button_title',
[
'label' =>esc_html__( 'Button Title', 'elementskit-lite' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
'placeholder' =>esc_html__( 'Play Video', 'elementskit-lite' ),
'default' =>esc_html__( 'Play Video', 'elementskit-lite' ),
'condition' => [
'ekit_video_popup_button_icons__switch' => 'yes',
'ekit_video_popup_button_style' => ['text', 'both'],
],
'dynamic' => [
'active' => true,
],
]
);
$this->add_control(
'ekit_video_inline_button_title',
[
'label' =>esc_html__( 'Button Title', 'elementskit-lite' ),
'type' => Controls_Manager::TEXT,
'label_block' => true,
'placeholder' =>esc_html__( 'Play Video', 'elementskit-lite' ),
'default' =>esc_html__( 'Play Video', 'elementskit-lite' ),
'condition' => [
'ekit_video_inline_button_icons__switch_overlay' => 'yes',
'ekit_video_inline_button_style' => ['text', 'both'],
],
'dynamic' => [
'active' => true,
],
]
);
$this->add_control(
'ekit_video_popup_button_icons',
[
'label' =>esc_html__( 'Button Icon', 'elementskit-lite' ),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'ekit_video_popup_button_icon',
'default' => [
'value' => 'icon icon-play',
'library' => 'ekiticons',
],
'label_block' => true,
'condition' => [
'ekit_video_popup_button_style' => ['icon', 'both'],
'ekit_video_popup_button_icons__switch' => 'yes',
'ekit_video_style' => 'popup',
]
]
);
$this->add_control(
'ekit_video_inline_button_icons',
[
'label' =>esc_html__( 'Button Icon', 'elementskit-lite' ),
'type' => Controls_Manager::ICONS,
'fa4compatibility' => 'ekit_video_popup_button_icon',
'default' => [
'value' => 'icon icon-play',
'library' => 'ekiticons',
],
'label_block' => true,
'condition' => [
'ekit_video_inline_button_style' => ['icon', 'both'],
'ekit_video_inline_button_icons__switch_overlay' => 'yes',
'ekit_video_inline_overlay_image[url]!' => '',
'ekit_video_style' => 'inline',
]
]
);
$this->add_control(
'ekit_video_popup_icon_align',
[
'label' =>esc_html__( 'Icon Position', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'before',
'options' => [
'before' =>esc_html__( 'Before', 'elementskit-lite' ),
'after' =>esc_html__( 'After', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_popup_button_style' => ['both'],
'ekit_video_popup_button_icons__switch' => 'yes',
'ekit_video_style' => 'popup'
]
]
);
$this->add_control(
'ekit_video_inline_icon_align',
[
'label' =>esc_html__( 'Icon Position', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'before',
'options' => [
'before' =>esc_html__( 'Before', 'elementskit-lite' ),
'after' =>esc_html__( 'After', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_inline_button_style' => 'both',
'ekit_video_inline_button_icons__switch_overlay' => 'yes',
'ekit_video_style' => 'inline',
]
]
);
$this->add_control(
'ekit_video_popup_video_glow',
[
'label' =>esc_html__( 'Active Glow', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => [
'ekit_video_style' => 'popup',
]
]
);
$this->add_control(
'ekit_video_inline_video_glow',
[
'label' =>esc_html__( 'Active Glow', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => 'yes',
'default' => 'yes',
'condition' => [
'ekit_video_style' => 'inline',
'ekit_video_inline_overlay_image[url]!' => '',
'ekit_video_inline_button_icons__switch_overlay' => 'yes',
]
]
);
$this->add_control(
'ekit_video_popup_glow_animation_type',
[
'label' => esc_html__( 'Glow Animation Type', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'ripple',
'options' => [
'ripple' => esc_html__( 'Ripple', 'elementskit-lite' ),
'radio_wave' => esc_html__( 'Radio Wave', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_popup_video_glow' => 'yes',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_inline_glow_animation_type',
[
'label' => esc_html__( 'Glow Animation Type', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'default' => 'ripple',
'options' => [
'ripple' => esc_html__( 'Ripple', 'elementskit-lite' ),
'radio_wave' => esc_html__( 'Radio Wave', 'elementskit-lite' ),
],
'condition' => [
'ekit_video_style' => 'inline',
'ekit_video_inline_image_overlay_switcher' => 'yes',
'ekit_video_inline_video_glow' => 'yes',
],
]
);
// video options
$this->add_control(
'ekit_video_player_options_heading',
[
'label' => esc_html__('Video Options', 'elementskit-lite'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
]
);
$this->add_control(
'ekit_video_popup_auto_play',
[
'label' => esc_html__( 'Auto Play', 'elementskit-lite' ),
'description' => esc_html__( 'Unmuted videos will not auto play in some browsers.', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'default' => 'no',
'return_value' => '1',
]
);
$this->add_control(
'ekit_video_popup_video_mute',
[
'label' => esc_html__( 'Mute', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
]
);
$this->add_control(
'ekit_video_popup_video_loop',
[
'label' => esc_html__( 'Loop', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
]
);
$this->add_control(
'ekit_video_popup_video_player_control',
[
'label' => esc_html__( 'Player Control', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'yes',
'condition' => ['ekit_video_popup_video_type!' => 'self']
]
);
$this->add_control(
'ekit_video_inline_video_player_control',
[
'label' => esc_html__( 'Player Control', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
'condition' => ['ekit_video_popup_video_type' => 'self','ekit_video_style' => 'inline']
]
);
$this->add_control(
'ekit_video_popup_video_intro_title',
[
'label' => esc_html__( 'Intro Title', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' =>esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
'condition' => ['ekit_video_popup_video_type' => 'vimeo']
]
);
$this->add_control(
'ekit_video_popup_video_intro_portrait',
[
'label' => esc_html__( 'Intro Portrait', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
'condition' => ['ekit_video_popup_video_type' => 'vimeo']
]
);
$this->add_control(
'ekit_video_popup_video_intro_byline',
[
'label' => esc_html__( 'Intro Byline', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'return_value' => '1',
'default' => 'no',
'condition' => ['ekit_video_popup_video_type' => 'vimeo']
]
);
//video option
$this->add_control(
'self_poster_image',
[
'label' => esc_html__( 'Poster Image', 'elementskit-lite' ),
'type' => Controls_Manager::MEDIA,
'dynamic' => [
'active' => true,
],
'separator' => 'before',
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
// Control Options
$this->add_control(
'ekit_video_player_control_options_heading',
[
'label' => esc_html__('Control Options', 'elementskit-lite'),
'type' => Controls_Manager::HEADING,
'separator' => 'before',
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_playpause',
[
'label' => esc_html__('Play Pause', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_progress',
[
'label' => esc_html__('Progress Bar', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_current',
[
'label' => esc_html__('Current Time', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_duration',
[
'label' => esc_html__('Total Duration', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_player_current' => 'yes',
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_volume',
[
'label' => esc_html__('Volume Bar', 'elementskit-lite'),
'type' => Controls_Manager::SWITCHER,
'default' => 'yes',
'label_on' => esc_html__('Yes', 'elementskit-lite'),
'label_off' => esc_html__('No', 'elementskit-lite'),
'condition' => [
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_volume_slider_layout',
[
'label' => esc_html__('Volume Slider Layout', 'elementskit-lite'),
'type' => Controls_Manager::SELECT,
'default' => 'horizontal',
'options' => [
'vertical' => esc_html__('Vertical', 'elementskit-lite'),
'horizontal' => esc_html__('Horizontal', 'elementskit-lite'),
],
'condition' => [
'ekit_video_player_volume' => ['yes'],
'ekit_video_popup_video_type' => 'self',
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_player_start_volume',
[
'label' => esc_html__('Start Volume', 'elementskit-lite'),
'description' => esc_html__('Initial volume when the player starts.', 'elementskit-lite'),
'type' => Controls_Manager::SLIDER,
'size_units' => ['px'],
'range' => [
'px' => [
'min' => 0,
'max' => 1,
'step' => 0.1,
],
],
'default' => [
'unit' => 'px',
'size' => 0.8,
],
'condition' => [
'ekit_video_popup_video_type' => 'self',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_style_section',
[
'label' => esc_html__( 'Wrapper Style', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_title_align', [
'label' =>esc_html__( 'Alignment', 'elementskit-lite' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' =>esc_html__( 'Left', 'elementskit-lite' ),
'icon' => 'eicon-text-align-left',
],
'center' => [
'title' =>esc_html__( 'Center', 'elementskit-lite' ),
'icon' => 'eicon-text-align-center',
],
'right' => [
'title' =>esc_html__( 'Right', 'elementskit-lite' ),
'icon' => 'eicon-text-align-right',
],
'justify' => [
'title' =>esc_html__( 'Justified', 'elementskit-lite' ),
'icon' => 'eicon-text-align-justify',
],
],
'default' => 'center',
'selectors' => [
'{{WRAPPER}} .video-content' => 'text-align: {{VALUE}};justify-content: {{VALUE}};display: flex;',
],
]
);
$this->add_responsive_control(
'ekit_video_wrap_padding',
[
'label' => esc_html__( 'Padding', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px' ],
'selectors' => [
'{{WRAPPER}} .video-content' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_group_control(
Group_Control_Border::get_type(),
[
'name' => 'ekit_video_wrap_border',
'label' => esc_html__( 'Border', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} .video-content',
]
);
$this->add_control(
'ekit_video_wrap_border_radius',
[
'label' => esc_html__( 'Border Radius', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%', 'em' ],
'selectors' => [
'{{WRAPPER}} .video-content' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
// inline video style section
$this->start_controls_section(
'ekit_video_inline_section_style',
[
'label' =>esc_html__( 'Button Style', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'inline',
'ekit_video_inline_button_icons__switch_overlay' => 'yes'
],
]
);
$this->add_responsive_control(
'ekit_video_inline_icon_size',
[
'label' => esc_html__( 'Icon Size', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 1,
'max' => 50,
'step' => 1,
],
'%' => [
'min' => 1,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 22,
],
'selectors' => [
'{{WRAPPER}} a.ekit_icon_button.glow-ripple.ekit-video-inline-btn i' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} a.ekit_icon_button.glow-radio_wave.ekit-video-inline-btn i' => 'font-size: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_inline_button_style' => 'icon',
]
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'ekit_video_inline_btn_typography',
'label' =>esc_html__( 'Typography', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} a.glow-ripple.ekit-video-inline-btn',
'condition' => [
'ekit_video_inline_button_style' => ['text', 'both'],
'ekit_video_inline_glow_animation_type' => ['ripple'],
],
]
);
$this->add_control(
'ekit_video_inline_btn_glow_color',
[
'label' => esc_html__( 'Glow Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .glow-ripple:before' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-ripple:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-ripple > i:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave:before' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave > i:after' => 'color: {{VALUE}}',
],
'default' => '#255cff',
'separator' => 'before',
'condition' => [
'ekit_video_inline_video_glow' => 'yes',
'ekit_video_inline_glow_animation_type!' => '',
]
]
);
$this->add_responsive_control(
'ekit_video_inline_btn_glow_size',
[
'label' => esc_html__( 'Glow Size (px)', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px'],
'range' => [
'px' => [
'min' => 0,
'max' => 200,
'step' => 1,
],
],
'default' => [
'unit' => 'px',
'size' => 15,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-inline-btn' => '--glow-size: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_inline_video_glow' => 'yes',
'ekit_video_inline_glow_animation_type' => 'ripple',
]
]
);
$this->add_control(
'ekit_video_inline_radio_wave_scale',
[
'label' => esc_html__('Radio Wave Scale', 'elementskit-lite'),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0.5,
'max' => 5,
'step' => 0.1,
],
],
'default' => [
'unit' => 'px',
'size' => 2,
],
'condition' => [
'ekit_video_inline_video_glow' => 'yes',
'ekit_video_inline_glow_animation_type' => 'radio_wave',
],
'selectors' => [
'{{WRAPPER}} .glow-radio_wave' => '--ekit-radio-wave-scale: {{SIZE}};',
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'ekit_video_inline_radio_wave_btn_typography',
'label' =>esc_html__( 'Typography', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} a.glow-radio_wave.ekit-video-inline-btn',
'condition' => [
'ekit_video_inline_button_style' => ['text', 'both'],
'ekit_video_inline_glow_animation_type' => ['radio_wave'],
],
]
);
$this->add_control(
'ekit_video_inline_btn_use_height_and_width',
[
'label' => esc_html__( 'Use Height & Width', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Yes', 'elementskit-lite' ),
'label_off' => esc_html__( 'No', 'elementskit-lite' ),
'default' => 'yes',
'return_value' => 'yes',
'condition' => [
'ekit_video_inline' => 'yes',
],
]
);
$this->add_responsive_control(
'ekit_video_inline_btn_width',
[
'label' => esc_html__( 'Width', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 60,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-inline-btn' => 'width: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_inline_btn_use_height_and_width' => 'yes'
]
]
);
$this->add_responsive_control(
'ekit_video_inline_btn_height',
[
'label' => esc_html__( 'Height', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 60,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-inline-btn' => 'height: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_inline_btn_use_height_and_width' => 'yes'
]
]
);
$this->start_controls_tabs( 'ekit_video_inline_button_style_tabs' );
$this->start_controls_tab(
'ekit_video_inline_button_normal',
[
'label' =>esc_html__( 'Normal', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_inline_btn_text_color',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'{{WRAPPER}} .ekit-video-inline-btn' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'ekit_video_inline_btn_bg_color',
'selector' => '{{WRAPPER}} .ekit-video-inline-btn',
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'ekit_video_inline_btn_tab_button_hover',
[
'label' =>esc_html__( 'Hover', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_inline_btn_hover_color',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'{{WRAPPER}} .ekit-video-inline-btn:hover' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn:hover svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'ekit_video_inline_btn_bg_hover_color',
'selector' => '{{WRAPPER}} .ekit-video-inline-btn:hover',
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
// Popup Button Style
$this->start_controls_section(
'ekit_video_popup_section_style',
[
'label' =>esc_html__( 'Button Style', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_text_padding',
[
'label' =>esc_html__( 'Padding', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', 'em', '%' ],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_icon_size',
[
'label' => esc_html__( 'Icon Size', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 1,
'max' => 50,
'step' => 1,
],
'%' => [
'min' => 1,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 15,
],
'selectors' => [
'{{WRAPPER}} a.ekit_icon_button.glow-ripple.ekit-video-popup-btn i' => 'font-size: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} a.ekit_icon_button.glow-radio_wave.ekit-video-popup-btn i' => 'font-size: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_button_style' => 'icon',
]
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'ekit_video_popup_btn_typography',
'label' =>esc_html__( 'Typography', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} a.glow-ripple.ekit-video-popup-btn',
'condition' => [
'ekit_video_popup_button_style' => ['text', 'both'],
'ekit_video_popup_glow_animation_type' => ['ripple'],
],
]
);
$this->add_group_control(
Group_Control_Typography::get_type(),
[
'name' => 'ekit_video_popup_radio_wave_btn_typography',
'label' =>esc_html__( 'Typography', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} a.glow-radio_wave.ekit-video-popup-btn',
'condition' => [
'ekit_video_popup_button_style' => ['text', 'both'],
'ekit_video_popup_glow_animation_type' => ['radio_wave'],
],
]
);
$this->add_control(
'ekit_video_popup_btn_use_height_and_width',
[
'label' => esc_html__( 'Use height width', 'elementskit-lite' ),
'type' => Controls_Manager::SWITCHER,
'label_on' => esc_html__( 'Show', 'elementskit-lite' ),
'label_off' => esc_html__( 'Hide', 'elementskit-lite' ),
'return_value' => 'yes',
'default' => 'yes',
]
);
$this->add_responsive_control(
'ekit_video_popup_btn_width',
[
'label' => esc_html__( 'Width', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 60,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'width: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_btn_use_height_and_width' => 'yes'
]
]
);
$this->add_responsive_control(
'ekit_video_popup_btn_height',
[
'label' => esc_html__( 'Height', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 60,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'height: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_btn_use_height_and_width' => 'yes'
]
]
);
$this->add_responsive_control(
'ekit_video_popup_btn_line_height',
[
'label' => esc_html__( 'Line height', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 80,
'step' => 1,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'line-height: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_btn_use_height_and_width' => 'yes'
]
]
);
$this->add_control(
'ekit_video_popup_btn_glow_color',
[
'label' => esc_html__( 'Glow Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'{{WRAPPER}} .glow-ripple:before' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-ripple:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-ripple > i:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave:before' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave:after' => 'color: {{VALUE}}',
'{{WRAPPER}} .glow-radio_wave > i:after' => 'color: {{VALUE}}',
],
'default' => '#255cff',
'separator' => 'before',
'condition' => [
'ekit_video_popup_video_glow' => 'yes',
'ekit_video_popup_glow_animation_type!' => '',
]
]
);
$this->add_responsive_control(
'ekit_video_popup_btn_glow_size',
[
'label' => esc_html__( 'Glow Size (px)', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px'],
'range' => [
'px' => [
'min' => 0,
'max' => 200,
'step' => 1,
],
],
'default' => [
'unit' => 'px',
'size' => 15,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => '--glow-size: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_video_glow' => 'yes',
'ekit_video_popup_glow_animation_type' => 'ripple',
]
]
);
$this->add_control(
'ekit_video_popup_radio_wave_scale',
[
'label' => esc_html__('Radio Wave Scale', 'elementskit-lite'),
'type' => \Elementor\Controls_Manager::SLIDER,
'range' => [
'px' => [
'min' => 0.5,
'max' => 5,
'step' => 0.1,
],
],
'default' => [
'unit' => 'px',
'size' => 2,
],
'condition' => [
'ekit_video_popup_video_glow' => 'yes',
'ekit_video_popup_glow_animation_type' => 'radio_wave',
],
'selectors' => [
'{{WRAPPER}} .glow-radio_wave' => '--ekit-radio-wave-scale: {{SIZE}};',
],
]
);
$this->start_controls_tabs( 'ekit_video_popup_button_style_tabs' );
$this->start_controls_tab(
'ekit_video_popup_button_normal',
[
'label' =>esc_html__( 'Normal', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_btn_text_color',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-popup-btn svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'ekit_video_popup_btn_bg_color',
'selector' => '{{WRAPPER}} .ekit-video-popup-btn',
'condition' => [
'ekit_video_style' => 'popup',
]
)
);
$this->end_controls_tab();
$this->start_controls_tab(
'ekit_video_popup_btn_tab_button_hover',
[
'label' =>esc_html__( 'Hover', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_btn_hover_color',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn:hover' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn:hover' => 'color: {{VALUE}};',
'{{WRAPPER}} .ekit-video-popup-btn:hover svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
'{{WRAPPER}} .ekit-video-inline-btn:hover svg path' => 'stroke: {{VALUE}}; fill: {{VALUE}};',
],
]
);
$this->add_group_control(
Group_Control_Background::get_type(),
array(
'name' => 'ekit_video_popup_btn_bg_hover_color',
'selector' => '{{WRAPPER}} .ekit-video-popup-btn:hover',
'condition' => [
'ekit_video_style' => 'popup',
]
)
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_border_style',
[
'label' =>esc_html__( 'Border Style', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
],
]
);
$this->add_control(
'ekit_video_popup_btn_border_style',
[
'label' => esc_html_x( 'Border Type', 'Border Control', 'elementskit-lite' ),
'type' => Controls_Manager::SELECT,
'options' => [
'' => esc_html__( 'None', 'elementskit-lite' ),
'solid' => esc_html_x( 'Solid', 'Border Control', 'elementskit-lite' ),
'double' => esc_html_x( 'Double', 'Border Control', 'elementskit-lite' ),
'dotted' => esc_html_x( 'Dotted', 'Border Control', 'elementskit-lite' ),
'dashed' => esc_html_x( 'Dashed', 'Border Control', 'elementskit-lite' ),
'groove' => esc_html_x( 'Groove', 'Border Control', 'elementskit-lite' ),
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'border-style: {{VALUE}};',
],
]
);
$this->add_control(
'ekit_video_popup_btn_border_dimensions',
[
'label' => esc_html_x( 'Width', 'Border Control', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'border-width: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->start_controls_tabs( 'ekit_video_popup__button_border_style' );
$this->start_controls_tab(
'ekit_video_popup__button_border_normal',
[
'label' =>esc_html__( 'Normal', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_btn_border_color',
[
'label' => esc_html_x( 'Color', 'Border Control', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'ekit_video_popup_btn_tab_button_border_hover',
[
'label' =>esc_html__( 'Hover', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_btn_hover_border_color',
[
'label' => esc_html_x( 'Color', 'Border Control', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '',
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->add_responsive_control(
'ekit_video_popup_btn_border_radius',
[
'label' =>esc_html__( 'Border Radius', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px'],
'default' => [
'top' => '',
'right' => '',
'bottom' => '' ,
'left' => '',
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn, {{WRAPPER}} .ekit-video-popup-btn:before' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_box_shadow_style',
[
'label' =>esc_html__( 'Shadow Style', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
],
]
);
$this->add_group_control(
Group_Control_Box_Shadow::get_type(),
[
'name' => 'ekit_video_popup_btn_box_shadow',
'label' => esc_html__( 'Box Shadow', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} .ekit-video-popup-btn',
]
);
$this->add_group_control(
Group_Control_Text_Shadow::get_type(),
[
'name' => 'ekit_video_popup_btn_text_shadow',
'label' => esc_html__( 'Text Shadow', 'elementskit-lite' ),
'selector' => '{{WRAPPER}} .ekit-video-popup-btn',
]
);
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_icon_style',
[
'label' => esc_html__( 'Icon', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
'ekit_video_popup_button_icons__switch' => 'yes',
'ekit_video_popup_button_style' => ['icon','both']
]
]
);
$this->add_responsive_control(
'ekit_video_popup_icon_padding_right',
[
'label' => esc_html__( 'Padding Right', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 0,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn > i' => 'padding-left: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_button_style' => ['both', 'icon'],
'ekit_video_popup_icon_align' => 'before',
'ekit_video_style' => 'popup',
]
]
);
$this->add_responsive_control(
'ekit_video_popup_icon_padding_left',
[
'label' => esc_html__( 'Padding Left', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 0,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 0,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 0,
],
'selectors' => [
'{{WRAPPER}} .ekit-video-popup-btn > i' => 'padding-right: {{SIZE}}{{UNIT}};',
],
'condition' => [
'ekit_video_popup_button_style' => ['both', 'icon'],
'ekit_video_popup_icon_align' => 'after',
'ekit_video_style' => 'popup',
]
]
);
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_control_style',
[
'label' => esc_html__( 'Popup', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
]
]
);
$this->add_control(
'ekit_video_popup_background_color',
[
'label' =>esc_html__( 'Background', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'selectors' => [
'.mfp-iframe-holder' => 'background-color: {{VALUE}};',
],
]
);
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_popup_close_icon_style',
[
'label' => esc_html__( 'Popup Close Button', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'popup',
]
]
);
$this->add_control(
'ekit_video_popup_close_icon',
[
'label' =>esc_html__( 'Icon', 'elementskit-lite' ),
'type' => Controls_Manager::ICONS,
'default' => [
'value' => 'icon icon-cancel',
'library' => 'ekiticons',
],
'label_block' => true,
]
);
$this->add_control(
'popup_close_icon_after',
[
'type' => Controls_Manager::DIVIDER,
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_width',
[
'label' => esc_html__( 'Width', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 44,
],
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => 'width: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_height',
[
'label' => esc_html__( 'Height', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 44,
],
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => 'height: {{SIZE}}{{UNIT}};'
],
]
);
$this->add_control(
'popup_close_icon_height_width_after',
[
'type' => Controls_Manager::DIVIDER,
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_size',
[
'label' => esc_html__( 'Icon Size', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => 'px',
'range' => [
'px' => [
'min' => 1,
'max' => 50,
'step' => 1,
],
],
'default' => [
'unit' => 'px',
'size' => 10,
],
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close > i' => 'font-size: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_position', [
'label' =>esc_html__( 'Close Button Position', 'elementskit-lite' ),
'type' => Controls_Manager::CHOOSE,
'options' => [
'left' => [
'title' =>esc_html__( 'Left', 'elementskit-lite' ),
'icon' => 'eicon-text-align-left',
],
'right' => [
'title' =>esc_html__( 'Right', 'elementskit-lite' ),
'icon' => 'eicon-text-align-right',
],
],
'default' => 'right',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => '{{VALUE}}: 0;',
],
]
);
$this->start_controls_tabs( 'ekit_video_popup_close_icon_style_tabs' );
$this->start_controls_tab(
'ekit_video_popup_close_icon_normal',
[
'label' =>esc_html__( 'Normal', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_close_icon_background_color',
[
'label' =>esc_html__( 'Background', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#000000',
'selectors' => [
'.mfp-container.mfp-iframe-holder .ekit-popup-close' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'ekit_video_popup_close_icon_color',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'ekit_video_popup_close_icon_border_color',
[
'label' =>esc_html__( 'Border Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => 'border-color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_border_radius',
[
'label' =>esc_html__( 'Border Radius', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%'],
'default' => [
'top' => '50',
'right' => '50',
'bottom' => '50',
'left' => '50',
'unit' => '%'
],
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->start_controls_tab(
'ekit_video_popup_close_icon_hover',
[
'label' =>esc_html__( 'Hover', 'elementskit-lite' ),
]
);
$this->add_control(
'ekit_video_popup_close_icon_background_color_hover',
[
'label' =>esc_html__( 'Background', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#000000',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close:hover' => 'background-color: {{VALUE}};',
],
]
);
$this->add_control(
'ekit_video_popup_close_icon_color_hover',
[
'label' =>esc_html__( 'Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close:hover' => 'color: {{VALUE}};',
],
]
);
$this->add_control(
'ekit_video_popup_close_icon_border_color_hover',
[
'label' =>esc_html__( 'Border Color', 'elementskit-lite' ),
'type' => Controls_Manager::COLOR,
'default' => '#ffffff',
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close:hover' => 'border-color: {{VALUE}};',
],
]
);
$this->add_responsive_control(
'ekit_video_popup_close_icon_border_radius_hover',
[
'label' =>esc_html__( 'Border Radius', 'elementskit-lite' ),
'type' => Controls_Manager::DIMENSIONS,
'size_units' => [ 'px', '%'],
'default' => [
'top' => '50',
'right' => '50',
'bottom' => '50',
'left' => '50',
'unit' => '%'
],
'selectors' => [
'.mfp-iframe-holder .ekit-popup-close:hover' => 'border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};',
],
]
);
$this->end_controls_tab();
$this->end_controls_tabs();
$this->end_controls_section();
$this->start_controls_section(
'ekit_video_inline_play_style',
[
'label' =>esc_html__( 'Player', 'elementskit-lite' ),
'tab' => Controls_Manager::TAB_STYLE,
'condition' => [
'ekit_video_style' => 'inline',
],
]
);
$this->add_responsive_control(
'ekit_video_inline_play_width',
[
'label' => esc_html__( 'Width', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 200,
'step' => 1,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => '%',
'size' => 100,
],
'selectors' => [
'{{WRAPPER}} .ekit-inline-video-content iframe' => 'width: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .ekit-inline-video-content video' => 'width: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .ekit-video-inline-overlay-wrapper .ekit-inline-video-overlay-image img' => 'width: {{SIZE}}{{UNIT}};',
],
]
);
$this->add_responsive_control(
'ekit_video_inline_play_height',
[
'label' => esc_html__( 'Height', 'elementskit-lite' ),
'type' => Controls_Manager::SLIDER,
'size_units' => [ 'px', '%' ],
'range' => [
'px' => [
'min' => 30,
'max' => 1000,
'step' => 5,
],
'%' => [
'min' => 10,
'max' => 100,
],
],
'default' => [
'unit' => 'px',
'size' => 435,
],
'selectors' => [
'{{WRAPPER}} .ekit-inline-video-content iframe' => 'height: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .ekit-inline-video-content video' => 'height: {{SIZE}}{{UNIT}};',
'{{WRAPPER}} .ekit-video-inline-overlay-wrapper .ekit-inline-video-overlay-image img' => 'height: {{SIZE}}{{UNIT}};',
],
]
);
$this->end_controls_section();
$this->insert_pro_message();
}
private function get_hosted_params() {
$settings = $this->get_settings_for_display();
$video_params = [];
if ( isset( $settings['ekit_video_popup_auto_play'] ) && $settings['ekit_video_popup_auto_play'] === '1' && empty($settings['ekit_video_inline_overlay_image']['url'])) {
$video_params['autoplay'] = 'autoplay';
}
// Use strict comparison so that 'no' (default) does NOT evaluate as truthy.
if ( isset( $settings['ekit_video_popup_video_loop'] ) && $settings['ekit_video_popup_video_loop'] === '1' ) {
$video_params['loop'] = 'loop';
}
if ( isset( $settings['ekit_video_popup_video_mute'] ) && $settings['ekit_video_popup_video_mute'] === '1' ) {
$video_params['muted'] = 'muted';
}
return $video_params;
}
/**
* Video Icon
*/
private function video_icon() {
$settings = $this->get_settings_for_display();
// new icon popup button
$migrated = isset( $settings['__fa4_migrated']['ekit_video_popup_button_icons'] );
// Check if its a new widget without previously selected icon using the old Icon control
$is_new = empty( $settings['ekit_video_popup_button_icon'] );
if ( $is_new || $migrated ) {
// new icon
Icons_Manager::render_icon( $settings['ekit_video_popup_button_icons'], [ 'aria-hidden' => 'true' ] );
} else {
?>
<i class="<?php echo esc_attr($settings['ekit_video_popup_button_icons']); ?>" aria-hidden="true"></i>
<?php
}
// new icon inline button
$migrated_inline = isset( $settings['__fa4_migrated']['ekit_video_inline_button_icons'] );
// Check if its a new widget without previously selected icon using the old Icon control
$is_new_inline = empty( $settings['ekit_video_inline_button_icon'] );
if ( $is_new_inline || $migrated_inline ) {
// new icon
Icons_Manager::render_icon( $settings['ekit_video_inline_button_icons'], [ 'aria-hidden' => 'true' ] );
} else {
?>
<i class="<?php echo esc_attr($settings['ekit_video_inline_button_icons']); ?>" aria-hidden="true"></i>
<?php
}
}
protected function render( ) {
echo '<div class="ekit-wid-con" >';
$this->render_raw();
echo '</div>';
}
protected function render_raw( ) {
$settings = $this->get_settings_for_display();
extract($settings);
$player_control = isset( $ekit_video_popup_video_player_control ) && $ekit_video_popup_video_player_control == '1' ? 1 : 0;
// Fallback Video URL for YouTube
if ( empty($ekit_video_popup_url) ) {
$ekit_video_popup_url = 'https://www.youtube.com/watch?v=VhBl3dHT5SY';
}
$ekit_video_popup_url = Embed::get_embed_url( $ekit_video_popup_url ); // Support for short links like: https://youtu.be/VhBl3dHT5SY
$video_properties = Embed::get_video_properties( $ekit_video_popup_url ); // Get only the video id.
$video_id = '';
if( !empty($video_properties['video_id']) ) {
$video_id = $video_properties['video_id'];
}
if ($ekit_video_style === 'inline' && ($ekit_video_popup_video_type === "vimeo" || $ekit_video_popup_video_type === "youtube") && !empty($ekit_video_inline_overlay_image['url'])) {
$is_autoplay = 0;
}else{
$is_autoplay = (int) $ekit_video_popup_auto_play;
}
$is_muted = (int) $ekit_video_popup_video_mute;
if ( $ekit_video_popup_video_type === "vimeo" ) {
$url = explode( '#', $ekit_video_popup_url, 2 );
$ekit_video_popup_url = $url[0];
// Controls (default to 0 if not enabled)
$title = $settings['ekit_video_popup_video_intro_title'] ? 1 :0;
$portrait = $settings['ekit_video_popup_video_intro_portrait'] ? 1: 0;
$byline = $settings['ekit_video_popup_video_intro_byline'] ? 1: 0;
// Build URL
$ekit_video_popup_url .= "?playlist={$video_id}&muted={$is_muted}&autoplay={$is_autoplay}&loop={$ekit_video_popup_video_loop}&controls={$player_control}&start={$ekit_video_popup_start_time}&end={$ekit_video_popup_end_time}&title={$title}&portrait={$portrait}&byline={$byline}";
}
else{
$ekit_video_popup_url = $ekit_video_popup_url."?playlist={$video_id}&mute={$is_muted}&autoplay={$is_autoplay}&loop={$ekit_video_popup_video_loop}&controls={$player_control}&start={$ekit_video_popup_start_time}&end={$ekit_video_popup_end_time}";
};
// set player features playpause, current, progress, duration, volume
$features = [];
($ekit_video_player_playpause === 'yes') && array_push($features, 'playpause');
($ekit_video_player_current === 'yes') && array_push($features, 'current');
($ekit_video_player_progress === 'yes') && array_push($features, 'progress');
($ekit_video_player_duration === 'yes') && array_push($features, 'duration');
($ekit_video_player_volume === 'yes') && array_push($features, 'volume');
// set settings data attributes
$video_settings['videoVolume'] = (!empty($ekit_video_player_volume_slider_layout)) ? $ekit_video_player_volume_slider_layout: 'horizontal';
$video_settings['startVolume'] = (!empty($ekit_video_player_start_volume['size'])) ? $ekit_video_player_start_volume['size']: 0.8;
$video_settings['videoType'] = (!empty($ekit_video_popup_video_type === 'vimeo' || $ekit_video_popup_video_type === 'youtube')) ? 'iframe': 'inline';
$video_settings['videoClass'] = (!empty($ekit_video_popup_video_type === 'vimeo' || $ekit_video_popup_video_type === 'youtube')) ? 'mfp-fade': 'ekit_self_video_wrap_content';
$video_settings['popupIcon'] = (!empty($ekit_video_popup_close_icon)) ? $ekit_video_popup_close_icon : '';
$video_settings['videoStyle'] = (!empty($ekit_video_style)) ? $ekit_video_style : '';
$video_settings['videoTypeName'] = (!empty($ekit_video_popup_video_type)) ? $ekit_video_popup_video_type : '';
$video_settings['autoplay'] = (!empty($ekit_video_popup_auto_play) && $ekit_video_popup_auto_play === '1') ? true : false;
$video_settings['muted'] = (!empty($ekit_video_popup_video_mute) && $ekit_video_popup_video_mute === '1') ? true : false;
$video_settings['loop'] = (!empty($ekit_video_popup_video_loop) && $ekit_video_popup_video_loop === '1') ? true : false;
$poster_image = !empty($self_poster_image['url']) ? esc_url($self_poster_image['url']) : '';
$hosted_params = $this->get_hosted_params();
//generate id
$generate_id = "test-popup-link".$this->get_id();
// registering video player default attributes.
$this->add_render_attribute(
'player',
[
'preload' => 'none',
'controls' => '',
'poster' => $poster_image,
]
);
// video options
if (!empty($ekit_video_popup_auto_play) && $ekit_video_popup_auto_play === '1') {
$this->add_render_attribute('player', 'autoplay', '');
}
if (!empty($ekit_video_popup_video_loop) && $ekit_video_popup_video_loop === '1') {
$this->add_render_attribute('player', 'loop', '');
$ekit_video_popup_url = $ekit_video_popup_url = preg_replace( '/[?&]feature=oembed/', '', $ekit_video_popup_url ); // Remove feature=oembed from the URL to prevent Vimeo from adding a loop parameter
}
if (!empty($ekit_video_popup_video_mute) && $ekit_video_popup_video_mute === '1') {
$this->add_render_attribute('player', 'muted', '');
}
$clean_url = "#";
if (isset($ekit_video_self_external_url) && filter_var($ekit_video_self_external_url, FILTER_VALIDATE_URL)) {
$clean_url = $ekit_video_self_external_url;
}
$clean_url = ($ekit_video_self_url === 'yes' && $clean_url !== '')
? $clean_url
: (isset($ekit_video_player_self_hosted['url']) ? esc_url($ekit_video_player_self_hosted['url']) : '#');
if($ekit_video_style === 'popup') {
?>
<div class="video-content" data-video-player="<?php echo esc_attr(wp_json_encode($features)); ?>" data-video-setting="<?php echo esc_attr(wp_json_encode($video_settings)); ?>">
<?php if($ekit_video_popup_video_type === 'vimeo' || $ekit_video_popup_video_type === 'youtube') :
include Handler::get_dir() . 'parts/video-button.php'; ?>
<?php else :
include Handler::get_dir() . 'parts/video-button.php'; ?>
<div id="<?php echo esc_attr($generate_id); ?>" class="mfp-hide ekit_self_video_wrap">
<video class="video_class"
<?php if($poster_image) : ?> poster="<?php echo esc_url($poster_image); ?>" <?php endif; ?>
>
<source type="video/mp4" src="<?php echo esc_url($clean_url); ?>" />
</video>
</div>
<?php endif;?>
</div>
<?php
}else {
?>
<div class="ekit-video-frame" data-video-setting="<?php echo esc_attr(wp_json_encode($video_settings)); ?>">
<div class="ekit-inline-video-content <?php if($settings['ekit_video_inline_image_overlay_switcher'] === 'yes') : ?> ekit-video-inline-overlay-wrapper <?php endif; ?>">
<?php if($ekit_video_popup_video_type === 'vimeo' || $ekit_video_popup_video_type === 'youtube') :
if(isset($settings['ekit_video_inline_image_overlay_switcher']) && $settings['ekit_video_inline_image_overlay_switcher'] === 'yes' ) {
include Handler::get_dir() . 'parts/video-button.php';
}
?>
<iframe src="<?php echo esc_url($ekit_video_popup_url); ?>" allow="autoplay" allowfullscreen></iframe>
<?php else :
if(isset($settings['ekit_video_inline_image_overlay_switcher']) && $settings['ekit_video_inline_image_overlay_switcher'] === 'yes'){
include Handler::get_dir() . 'parts/video-button.php';
}
if ( $ekit_video_popup_video_type === 'self' && isset( $settings['ekit_video_inline_video_player_control'] ) && $settings['ekit_video_inline_video_player_control'] === '1') {
$hosted_params['controls'] = 'controls';
}
?>
<video class="inline_video_class" src="<?php echo esc_url($clean_url); ?>" <?php Utils::print_html_attributes( $hosted_params ); ?>>
</video>
<?php endif; ?>
<?php if (!empty($settings['ekit_video_inline_overlay_image']['url']) && $settings['ekit_video_inline_image_overlay_switcher'] === 'yes') :
?>
<div class="ekit-inline-video-overlay-image">
<img src="<?php echo esc_url($settings['ekit_video_inline_overlay_image']['url']); ?>" alt="Overlay Image">
</div>
<?php endif; ?>
</div>
</div>
<?php
}
}
}