video-button.php
82 lines
| 1 | <?php |
| 2 | // Base button class if style is icon |
| 3 | if ( $ekit_video_popup_button_style === 'icon' ) { |
| 4 | $this->add_render_attribute( 'button', 'class', 'ekit_icon_button' ); |
| 5 | } |
| 6 | |
| 7 | // Glow animation handling |
| 8 | if ( $ekit_video_popup_video_glow === 'yes' ) { |
| 9 | $glow_type = ! empty( $ekit_video_popup_glow_animation_type ) |
| 10 | ? $ekit_video_popup_glow_animation_type |
| 11 | : $ekit_video_inline_glow_animation_type; |
| 12 | |
| 13 | if ( ! empty( $glow_type ) ) { |
| 14 | $this->add_render_attribute( 'button', 'class', 'glow-' . esc_attr( $glow_type ) ); |
| 15 | } |
| 16 | } |
| 17 | |
| 18 | // Radio wave scaling (popup first, fallback to inline) |
| 19 | $radio_wave_size = $ekit_video_popup_radio_wave_scale['size'] |
| 20 | ?? $ekit_video_inline_radio_wave_scale['size'] |
| 21 | ?? null; |
| 22 | |
| 23 | if ( $radio_wave_size ) { |
| 24 | $this->add_render_attribute( |
| 25 | 'button', |
| 26 | 'glow-radio_wave', |
| 27 | '--ekit-radio-wave-scale: ' . $radio_wave_size . ';' |
| 28 | ); |
| 29 | } |
| 30 | |
| 31 | // Video type + style handling |
| 32 | if ( $ekit_video_style === 'popup' ) { |
| 33 | $href = ( $ekit_video_popup_video_type === 'self' ) |
| 34 | ? '#' . $generate_id |
| 35 | : $ekit_video_popup_url; |
| 36 | |
| 37 | $this->add_render_attribute( 'button', [ |
| 38 | 'class' => [ 'ekit-video-popup', 'ekit-video-popup-btn' ], |
| 39 | 'href' => $href, |
| 40 | ] ); |
| 41 | } |
| 42 | |
| 43 | if ( $ekit_video_style === 'inline' && !empty($ekit_video_inline_overlay_image['url'])) { |
| 44 | $this->add_render_attribute( 'button', [ |
| 45 | 'class' => [ 'ekit-video-inline-btn' ], |
| 46 | 'href' => $ekit_video_popup_url, |
| 47 | ] ); |
| 48 | } |
| 49 | |
| 50 | // Icon-only button has no visible text, so give it an accessible name. |
| 51 | // (When a title is shown, the visible text is the accessible name and must |
| 52 | // not be overridden by an aria-label — WCAG 2.5.3 Label in Name.) |
| 53 | if ( $ekit_video_popup_button_style === 'icon' ) { |
| 54 | $this->add_render_attribute( 'button', 'aria-label', esc_attr__( 'Play video', 'elementskit-lite' ) ); |
| 55 | } |
| 56 | ?> |
| 57 | |
| 58 | <a <?php $this->print_render_attribute_string( 'button' ); ?>> |
| 59 | <?php |
| 60 | $show_text = in_array( $ekit_video_popup_button_style, [ 'text', 'both' ], true ); |
| 61 | $show_icon = in_array( $ekit_video_popup_button_style, [ 'icon', 'both' ], true ) && ! empty( $ekit_video_popup_button_icons ); |
| 62 | |
| 63 | // Icon before text |
| 64 | if ( $show_icon && $ekit_video_popup_button_style === 'both' && $ekit_video_popup_icon_align === 'before' ) { |
| 65 | $this->video_icon(); |
| 66 | } |
| 67 | |
| 68 | // Text |
| 69 | if ( $show_text ) { |
| 70 | echo '<span class="ekit-video-popup-title">' . esc_html( $ekit_video_popup_button_title ) . '</span>'; |
| 71 | } |
| 72 | |
| 73 | // Icon after text or icon-only |
| 74 | if ( $show_icon && ( |
| 75 | ( $ekit_video_popup_button_style === 'both' && $ekit_video_popup_icon_align === 'after' ) || |
| 76 | $ekit_video_popup_button_style === 'icon' |
| 77 | ) ) { |
| 78 | $this->video_icon(); |
| 79 | } |
| 80 | ?> |
| 81 | </a> |
| 82 |