| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022 |
- <?php
- namespace Elementor;
- use Elementor\Modules\DynamicTags\Module as TagsModule;
- if ( ! defined( 'ABSPATH' ) ) {
- exit; // Exit if accessed directly.
- }
- /**
- * Elementor video widget.
- *
- * Elementor widget that displays a video player.
- *
- * @since 1.0.0
- */
- class Widget_Video extends Widget_Base {
- /**
- * Get widget name.
- *
- * Retrieve video widget name.
- *
- * @since 1.0.0
- * @access public
- *
- * @return string Widget name.
- */
- public function get_name() {
- return 'video';
- }
- /**
- * Get widget title.
- *
- * Retrieve video widget title.
- *
- * @since 1.0.0
- * @access public
- *
- * @return string Widget title.
- */
- public function get_title() {
- return __( 'Video', 'elementor' );
- }
- /**
- * Get widget icon.
- *
- * Retrieve video widget icon.
- *
- * @since 1.0.0
- * @access public
- *
- * @return string Widget icon.
- */
- public function get_icon() {
- return 'eicon-youtube';
- }
- /**
- * Get widget categories.
- *
- * Retrieve the list of categories the video widget belongs to.
- *
- * Used to determine where to display the widget in the editor.
- *
- * @since 2.0.0
- * @access public
- *
- * @return array Widget categories.
- */
- public function get_categories() {
- return [ 'basic' ];
- }
- /**
- * Get widget keywords.
- *
- * Retrieve the list of keywords the widget belongs to.
- *
- * @since 2.1.0
- * @access public
- *
- * @return array Widget keywords.
- */
- public function get_keywords() {
- return [ 'video', 'player', 'embed', 'youtube', 'vimeo', 'dailymotion' ];
- }
- /**
- * Register video widget controls.
- *
- * Adds different input fields to allow the user to change and customize the widget settings.
- *
- * @since 1.0.0
- * @access protected
- */
- protected function _register_controls() {
- $this->start_controls_section(
- 'section_video',
- [
- 'label' => __( 'Video', 'elementor' ),
- ]
- );
- $this->add_control(
- 'video_type',
- [
- 'label' => __( 'Source', 'elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'default' => 'youtube',
- 'options' => [
- 'youtube' => __( 'YouTube', 'elementor' ),
- 'vimeo' => __( 'Vimeo', 'elementor' ),
- 'dailymotion' => __( 'Dailymotion', 'elementor' ),
- 'hosted' => __( 'Self Hosted', 'elementor' ),
- ],
- ]
- );
- $this->add_control(
- 'youtube_url',
- [
- 'label' => __( 'URL', 'elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- 'categories' => [
- TagsModule::POST_META_CATEGORY,
- TagsModule::URL_CATEGORY,
- ],
- ],
- 'placeholder' => __( 'Enter your URL', 'elementor' ) . ' (YouTube)',
- 'default' => 'https://www.youtube.com/watch?v=9uOETcuFjbE',
- 'label_block' => true,
- 'condition' => [
- 'video_type' => 'youtube',
- ],
- ]
- );
- $this->add_control(
- 'vimeo_url',
- [
- 'label' => __( 'URL', 'elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- 'categories' => [
- TagsModule::POST_META_CATEGORY,
- TagsModule::URL_CATEGORY,
- ],
- ],
- 'placeholder' => __( 'Enter your URL', 'elementor' ) . ' (Vimeo)',
- 'default' => 'https://vimeo.com/235215203',
- 'label_block' => true,
- 'condition' => [
- 'video_type' => 'vimeo',
- ],
- ]
- );
- $this->add_control(
- 'dailymotion_url',
- [
- 'label' => __( 'URL', 'elementor' ),
- 'type' => Controls_Manager::TEXT,
- 'dynamic' => [
- 'active' => true,
- 'categories' => [
- TagsModule::POST_META_CATEGORY,
- TagsModule::URL_CATEGORY,
- ],
- ],
- 'placeholder' => __( 'Enter your URL', 'elementor' ) . ' (Dailymotion)',
- 'default' => 'https://www.dailymotion.com/video/x6tqhqb',
- 'label_block' => true,
- 'condition' => [
- 'video_type' => 'dailymotion',
- ],
- ]
- );
- $this->add_control(
- 'hosted_url',
- [
- 'label' => __( 'URL', 'elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'dynamic' => [
- 'active' => true,
- 'categories' => [
- TagsModule::POST_META_CATEGORY,
- TagsModule::MEDIA_CATEGORY,
- ],
- ],
- 'media_type' => 'video',
- 'condition' => [
- 'video_type' => 'hosted',
- ],
- ]
- );
- $this->add_control(
- 'start',
- [
- 'label' => __( 'Start Time', 'elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'description' => __( 'Specify a start time (in seconds)', 'elementor' ),
- 'condition' => [
- 'loop' => '',
- ],
- ]
- );
- $this->add_control(
- 'end',
- [
- 'label' => __( 'End Time', 'elementor' ),
- 'type' => Controls_Manager::NUMBER,
- 'description' => __( 'Specify an end time (in seconds)', 'elementor' ),
- 'condition' => [
- 'loop' => '',
- 'video_type' => [ 'youtube', 'hosted' ],
- ],
- ]
- );
- $this->add_control(
- 'video_options',
- [
- 'label' => __( 'Video Options', 'elementor' ),
- 'type' => Controls_Manager::HEADING,
- 'separator' => 'before',
- ]
- );
- $this->add_control(
- 'autoplay',
- [
- 'label' => __( 'Autoplay', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- ]
- );
- $this->add_control(
- 'mute',
- [
- 'label' => __( 'Mute', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- ]
- );
- $this->add_control(
- 'loop',
- [
- 'label' => __( 'Loop', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'condition' => [
- 'video_type!' => 'dailymotion',
- ],
- ]
- );
- $this->add_control(
- 'controls',
- [
- 'label' => __( 'Player Controls', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type!' => 'vimeo',
- ],
- ]
- );
- $this->add_control(
- 'showinfo',
- [
- 'label' => __( 'Video Info', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type' => [ 'youtube', 'dailymotion' ],
- ],
- ]
- );
- $this->add_control(
- 'modestbranding',
- [
- 'label' => __( 'Modest Branding', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'condition' => [
- 'video_type' => [ 'youtube' ],
- 'controls' => 'yes',
- ],
- ]
- );
- $this->add_control(
- 'logo',
- [
- 'label' => __( 'Logo', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type' => [ 'dailymotion' ],
- ],
- ]
- );
- $this->add_control(
- 'color',
- [
- 'label' => __( 'Controls Color', 'elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'default' => '',
- 'condition' => [
- 'video_type' => [ 'vimeo', 'dailymotion' ],
- ],
- ]
- );
- // YouTube.
- $this->add_control(
- 'rel',
- [
- 'label' => __( 'Suggested Videos', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'condition' => [
- 'video_type' => 'youtube',
- ],
- ]
- );
- $this->add_control(
- 'yt_privacy',
- [
- 'label' => __( 'Privacy Mode', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'description' => __( 'When you turn on privacy mode, YouTube won\'t store information about visitors on your website unless they play the video.', 'elementor' ),
- 'condition' => [
- 'video_type' => 'youtube',
- ],
- ]
- );
- // Vimeo.
- $this->add_control(
- 'vimeo_title',
- [
- 'label' => __( 'Intro Title', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type' => 'vimeo',
- ],
- ]
- );
- $this->add_control(
- 'vimeo_portrait',
- [
- 'label' => __( 'Intro Portrait', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type' => 'vimeo',
- ],
- ]
- );
- $this->add_control(
- 'vimeo_byline',
- [
- 'label' => __( 'Intro Byline', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'default' => 'yes',
- 'condition' => [
- 'video_type' => 'vimeo',
- ],
- ]
- );
- $this->add_control(
- 'download_button',
- [
- 'label' => __( 'Download Button', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- 'condition' => [
- 'video_type' => 'hosted',
- ],
- ]
- );
- $this->add_control(
- 'poster',
- [
- 'label' => __( 'Poster', 'elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'condition' => [
- 'video_type' => 'hosted',
- ],
- ]
- );
- $this->add_control(
- 'view',
- [
- 'label' => __( 'View', 'elementor' ),
- 'type' => Controls_Manager::HIDDEN,
- 'default' => 'youtube',
- ]
- );
- $this->end_controls_section();
- $this->start_controls_section(
- 'section_image_overlay',
- [
- 'label' => __( 'Image Overlay', 'elementor' ),
- ]
- );
- $this->add_control(
- 'show_image_overlay',
- [
- 'label' => __( 'Image Overlay', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'label_off' => __( 'Hide', 'elementor' ),
- 'label_on' => __( 'Show', 'elementor' ),
- ]
- );
- $this->add_control(
- 'image_overlay',
- [
- 'label' => __( 'Image', 'elementor' ),
- 'type' => Controls_Manager::MEDIA,
- 'default' => [
- 'url' => Utils::get_placeholder_image_src(),
- ],
- 'dynamic' => [
- 'active' => true,
- ],
- 'condition' => [
- 'show_image_overlay' => 'yes',
- ],
- ]
- );
- $this->add_control(
- 'lazy_load',
- [
- 'label' => __( 'Lazy Load', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'video_type!' => 'hosted',
- ],
- ]
- );
- $this->add_group_control(
- Group_Control_Image_Size::get_type(),
- [
- 'name' => 'image_overlay', // Usage: `{name}_size` and `{name}_custom_dimension`, in this case `image_overlay_size` and `image_overlay_custom_dimension`.
- 'default' => 'full',
- 'separator' => 'none',
- 'condition' => [
- 'show_image_overlay' => 'yes',
- ],
- ]
- );
- $this->add_control(
- 'show_play_icon',
- [
- 'label' => __( 'Play Icon', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'default' => 'yes',
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'image_overlay[url]!' => '',
- ],
- ]
- );
- $this->add_control(
- 'lightbox',
- [
- 'label' => __( 'Lightbox', 'elementor' ),
- 'type' => Controls_Manager::SWITCHER,
- 'frontend_available' => true,
- 'label_off' => __( 'Off', 'elementor' ),
- 'label_on' => __( 'On', 'elementor' ),
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'image_overlay[url]!' => '',
- ],
- 'separator' => 'before',
- ]
- );
- $this->end_controls_section();
- $this->start_controls_section(
- 'section_video_style',
- [
- 'label' => __( 'Video', 'elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- ]
- );
- $this->add_control(
- 'aspect_ratio',
- [
- 'label' => __( 'Aspect Ratio', 'elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'options' => [
- '169' => '16:9',
- '219' => '21:9',
- '43' => '4:3',
- '32' => '3:2',
- ],
- 'default' => '169',
- 'prefix_class' => 'elementor-aspect-ratio-',
- 'frontend_available' => true,
- ]
- );
- $this->add_group_control(
- Group_Control_Css_Filter::get_type(),
- [
- 'name' => 'css_filters',
- 'selector' => '{{WRAPPER}} .elementor-wrapper',
- ]
- );
- $this->add_control(
- 'play_icon_title',
- [
- 'label' => __( 'Play Icon', 'elementor' ),
- 'type' => Controls_Manager::HEADING,
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'show_play_icon' => 'yes',
- ],
- 'separator' => 'before',
- ]
- );
- $this->add_control(
- 'play_icon_color',
- [
- 'label' => __( 'Color', 'elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '{{WRAPPER}} .elementor-custom-embed-play i' => 'color: {{VALUE}}',
- ],
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'show_play_icon' => 'yes',
- ],
- ]
- );
- $this->add_responsive_control(
- 'play_icon_size',
- [
- 'label' => __( 'Size', 'elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'range' => [
- 'px' => [
- 'min' => 10,
- 'max' => 300,
- ],
- ],
- 'selectors' => [
- '{{WRAPPER}} .elementor-custom-embed-play i' => 'font-size: {{SIZE}}{{UNIT}}',
- ],
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'show_play_icon' => 'yes',
- ],
- ]
- );
- $this->add_group_control(
- Group_Control_Text_Shadow::get_type(),
- [
- 'name' => 'play_icon_text_shadow',
- 'selector' => '{{WRAPPER}} .elementor-custom-embed-play i',
- 'fields_options' => [
- 'text_shadow_type' => [
- 'label' => _x( 'Shadow', 'Text Shadow Control', 'elementor' ),
- ],
- ],
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'show_play_icon' => 'yes',
- ],
- ]
- );
- $this->end_controls_section();
- $this->start_controls_section(
- 'section_lightbox_style',
- [
- 'label' => __( 'Lightbox', 'elementor' ),
- 'tab' => Controls_Manager::TAB_STYLE,
- 'condition' => [
- 'show_image_overlay' => 'yes',
- 'image_overlay[url]!' => '',
- 'lightbox' => 'yes',
- ],
- ]
- );
- $this->add_control(
- 'lightbox_color',
- [
- 'label' => __( 'Background Color', 'elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '#elementor-lightbox-{{ID}}' => 'background-color: {{VALUE}};',
- ],
- ]
- );
- $this->add_control(
- 'lightbox_ui_color',
- [
- 'label' => __( 'UI Color', 'elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '#elementor-lightbox-{{ID}} .dialog-lightbox-close-button' => 'color: {{VALUE}}',
- ],
- ]
- );
- $this->add_control(
- 'lightbox_ui_color_hover',
- [
- 'label' => __( 'UI Hover Color', 'elementor' ),
- 'type' => Controls_Manager::COLOR,
- 'selectors' => [
- '#elementor-lightbox-{{ID}} .dialog-lightbox-close-button:hover' => 'color: {{VALUE}}',
- ],
- 'separator' => 'after',
- ]
- );
- $this->add_control(
- 'lightbox_video_width',
- [
- 'label' => __( 'Content Width', 'elementor' ),
- 'type' => Controls_Manager::SLIDER,
- 'default' => [
- 'unit' => '%',
- ],
- 'range' => [
- '%' => [
- 'min' => 50,
- ],
- ],
- 'selectors' => [
- '(desktop+)#elementor-lightbox-{{ID}} .elementor-video-container' => 'width: {{SIZE}}{{UNIT}};',
- ],
- ]
- );
- $this->add_control(
- 'lightbox_content_position',
- [
- 'label' => __( 'Content Position', 'elementor' ),
- 'type' => Controls_Manager::SELECT,
- 'frontend_available' => true,
- 'options' => [
- '' => __( 'Center', 'elementor' ),
- 'top' => __( 'Top', 'elementor' ),
- ],
- 'selectors' => [
- '#elementor-lightbox-{{ID}} .elementor-video-container' => '{{VALUE}}; transform: translateX(-50%);',
- ],
- 'selectors_dictionary' => [
- 'top' => 'top: 60px',
- ],
- ]
- );
- $this->add_control(
- 'lightbox_content_animation',
- [
- 'label' => __( 'Entrance Animation', 'elementor' ),
- 'type' => Controls_Manager::ANIMATION,
- 'default' => '',
- 'frontend_available' => true,
- 'label_block' => true,
- ]
- );
- $this->end_controls_section();
- }
- /**
- * Render video widget output on the frontend.
- *
- * Written in PHP and used to generate the final HTML.
- *
- * @since 1.0.0
- * @access protected
- */
- protected function render() {
- $settings = $this->get_settings_for_display();
- $video_url = $settings[ $settings['video_type'] . '_url' ];
- if ( 'hosted' === $settings['video_type'] ) {
- $video_url = $this->get_hosted_video_url();
- }
- if ( empty( $video_url ) ) {
- return;
- }
- if ( 'hosted' === $settings['video_type'] ) {
- ob_start();
- $this->render_hosted_video();
- $video_html = ob_get_clean();
- } else {
- $embed_params = $this->get_embed_params();
- $embed_options = $this->get_embed_options();
- $video_html = Embed::get_embed_html( $video_url, $embed_params, $embed_options );
- }
- if ( empty( $video_html ) ) {
- echo esc_url( $video_url );
- return;
- }
- $this->add_render_attribute( 'video-wrapper', 'class', 'elementor-wrapper' );
- if ( ! $settings['lightbox'] ) {
- $this->add_render_attribute( 'video-wrapper', 'class', 'elementor-fit-aspect-ratio' );
- }
- $this->add_render_attribute( 'video-wrapper', 'class', 'elementor-open-' . ( $settings['lightbox'] ? 'lightbox' : 'inline' ) );
- ?>
- <div <?php echo $this->get_render_attribute_string( 'video-wrapper' ); ?>>
- <?php
- if ( ! $settings['lightbox'] ) {
- echo $video_html; // XSS ok.
- }
- if ( $this->has_image_overlay() ) {
- $this->add_render_attribute( 'image-overlay', 'class', 'elementor-custom-embed-image-overlay' );
- if ( $settings['lightbox'] ) {
- if ( 'hosted' === $settings['video_type'] ) {
- $lightbox_url = $video_url;
- } else {
- $lightbox_url = Embed::get_embed_url( $video_url, $embed_params, $embed_options );
- }
- $lightbox_options = [
- 'type' => 'video',
- 'videoType' => $settings['video_type'],
- 'url' => $lightbox_url,
- 'modalOptions' => [
- 'id' => 'elementor-lightbox-' . $this->get_id(),
- 'entranceAnimation' => $settings['lightbox_content_animation'],
- 'videoAspectRatio' => $settings['aspect_ratio'],
- ],
- ];
- if ( 'hosted' === $settings['video_type'] ) {
- $lightbox_options['videoParams'] = $this->get_hosted_params();
- }
- $this->add_render_attribute( 'image-overlay', [
- 'data-elementor-open-lightbox' => 'yes',
- 'data-elementor-lightbox' => wp_json_encode( $lightbox_options ),
- ] );
- if ( Plugin::$instance->editor->is_edit_mode() ) {
- $this->add_render_attribute( 'image-overlay', [
- 'class' => 'elementor-clickable',
- ] );
- }
- } else {
- $this->add_render_attribute( 'image-overlay', 'style', 'background-image: url(' . Group_Control_Image_Size::get_attachment_image_src( $settings['image_overlay']['id'], 'image_overlay', $settings ) . ');' );
- }
- ?>
- <div <?php echo $this->get_render_attribute_string( 'image-overlay' ); ?>>
- <?php if ( $settings['lightbox'] ) : ?>
- <?php echo Group_Control_Image_Size::get_attachment_image_html( $settings, 'image_overlay' ); ?>
- <?php endif; ?>
- <?php if ( 'yes' === $settings['show_play_icon'] ) : ?>
- <div class="elementor-custom-embed-play" role="button">
- <i class="eicon-play" aria-hidden="true"></i>
- <span class="elementor-screen-only"><?php echo __( 'Play Video', 'elementor' ); ?></span>
- </div>
- <?php endif; ?>
- </div>
- <?php } ?>
- </div>
- <?php
- }
- /**
- * Render video widget as plain content.
- *
- * Override the default behavior, by printing the video URL insted of rendering it.
- *
- * @since 1.4.5
- * @access public
- */
- public function render_plain_content() {
- $settings = $this->get_settings_for_display();
- $url = $settings[ $settings['video_type'] . '_url' ];
- echo esc_url( $url );
- }
- /**
- * Get embed params.
- *
- * Retrieve video widget embed parameters.
- *
- * @since 1.5.0
- * @access public
- *
- * @return array Video embed parameters.
- */
- public function get_embed_params() {
- $settings = $this->get_settings_for_display();
- $params = [];
- if ( $settings['autoplay'] && ! $this->has_image_overlay() ) {
- $params['autoplay'] = '1';
- }
- $params_dictionary = [];
- if ( 'youtube' === $settings['video_type'] ) {
- $params_dictionary = [
- 'loop',
- 'controls',
- 'mute',
- 'showinfo',
- 'rel',
- 'modestbranding',
- ];
- if ( $settings['loop'] ) {
- $video_properties = Embed::get_video_properties( $settings['youtube_url'] );
- $params['playlist'] = $video_properties['video_id'];
- }
- $params['start'] = $settings['start'];
- $params['end'] = $settings['end'];
- $params['wmode'] = 'opaque';
- } elseif ( 'vimeo' === $settings['video_type'] ) {
- $params_dictionary = [
- 'loop',
- 'mute' => 'muted',
- 'vimeo_title' => 'title',
- 'vimeo_portrait' => 'portrait',
- 'vimeo_byline' => 'byline',
- ];
- $params['color'] = str_replace( '#', '', $settings['color'] );
- $params['autopause'] = '0';
- } elseif ( 'dailymotion' === $settings['video_type'] ) {
- $params_dictionary = [
- 'controls',
- 'mute',
- 'showinfo' => 'ui-start-screen-info',
- 'logo' => 'ui-logo',
- ];
- $params['ui-highlight'] = str_replace( '#', '', $settings['color'] );
- $params['start'] = $settings['start'];
- $params['endscreen-enable'] = '0';
- }
- foreach ( $params_dictionary as $key => $param_name ) {
- $setting_name = $param_name;
- if ( is_string( $key ) ) {
- $setting_name = $key;
- }
- $setting_value = $settings[ $setting_name ] ? '1' : '0';
- $params[ $param_name ] = $setting_value;
- }
- return $params;
- }
- /**
- * Whether the video widget has an overlay image or not.
- *
- * Used to determine whether an overlay image was set for the video.
- *
- * @since 1.0.0
- * @access protected
- *
- * @return bool Whether an image overlay was set for the video.
- */
- protected function has_image_overlay() {
- $settings = $this->get_settings_for_display();
- return ! empty( $settings['image_overlay']['url'] ) && 'yes' === $settings['show_image_overlay'];
- }
- private function get_embed_options() {
- $settings = $this->get_settings_for_display();
- $embed_options = [];
- if ( 'youtube' === $settings['video_type'] ) {
- $embed_options['privacy'] = $settings['yt_privacy'];
- } elseif ( 'vimeo' === $settings['video_type'] ) {
- $embed_options['start'] = $settings['start'];
- }
- $embed_options['lazy_load'] = ! empty( $settings['lazy_load'] );
- return $embed_options;
- }
- private function get_hosted_params() {
- $settings = $this->get_settings_for_display();
- $video_params = [];
- foreach ( [ 'autoplay', 'loop', 'controls' ] as $option_name ) {
- if ( $settings[ $option_name ] ) {
- $video_params[] = $option_name;
- }
- }
- if ( $settings['mute'] ) {
- $video_params[] = 'muted';
- }
- if ( ! $settings['download_button'] ) {
- $video_params[] = 'controlsList="nodownload"';
- }
- if ( $settings['poster']['url'] ) {
- $video_params[] = 'poster="' . $settings['poster']['url'] . '"';
- }
- return $video_params;
- }
- private function get_hosted_video_url() {
- $settings = $this->get_settings_for_display();
- $video_url = $settings['hosted_url']['url'];
- if ( ! $video_url ) {
- return '';
- }
- $video_url .= '#t=';
- if ( $settings['start'] ) {
- $video_url .= $settings['start'];
- }
- if ( $settings['end'] ) {
- $video_url .= ',' . $settings['end'];
- }
- return $video_url;
- }
- private function render_hosted_video() {
- $video_params = $this->get_hosted_params();
- $video_url = $this->get_hosted_video_url();
- ?>
- <video class="elementor-video" src="<?php echo esc_url( $video_url ); ?>" <?php echo implode( ' ', $video_params ); ?>></video>
- <?php
- }
- }
|