| @@ -23,45 +23,52 @@ | ||
| 23 | 23 | $css_generator->add_class_styles( |
| 24 | 24 | '{{WRAPPER}} .ablocks-block-youtube-container > .plyr--video > .plyr__controls', |
| 25 | 25 | $this->get_youtube_progress_style_css( $attributes ), |
| 26 | 26 | $this->get_youtube_progress_style_css( $attributes, 'Tablet' ), |
| 27 | - $this->get_youtube_progress_style_css( $attributes, 'Mobile' ) | |
| 27 | + $this->get_youtube_progress_style_css( $attributes, 'Mobile' ), | |
| 28 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_youtube_progress_style_css( $attributes, $device ); } ) | |
| 28 | 29 | ); |
| 29 | 30 | $css_generator->add_class_styles( |
| 30 | 31 | '{{WRAPPER}} .ablocks-block-youtube-container > .plyr--youtube > .plyr__control--overlaid', |
| 31 | 32 | $this->get_youtube_play_pause__button_style_css( $attributes ), |
| 32 | 33 | $this->get_youtube_play_pause__button_style_css( $attributes, 'Tablet' ), |
| 33 | - $this->get_youtube_play_pause__button_style_css( $attributes, 'Mobile' ) | |
| 34 | + $this->get_youtube_play_pause__button_style_css( $attributes, 'Mobile' ), | |
| 35 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_youtube_play_pause__button_style_css( $attributes, $device ); } ) | |
| 34 | 36 | ); |
| 35 | 37 | $css_generator->add_class_styles( |
| 36 | 38 | '{{WRAPPER}} .ablocks-block-selfhosted-container > .plyr--video > .plyr__controls', |
| 37 | 39 | $this->get_self_video_style_css( $attributes ), |
| 38 | 40 | $this->get_self_video_style_css( $attributes, 'Tablet' ), |
| 39 | - $this->get_self_video_style_css( $attributes, 'Mobile' ) | |
| 41 | + $this->get_self_video_style_css( $attributes, 'Mobile' ), | |
| 42 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_self_video_style_css( $attributes, $device ); } ) | |
| 40 | 43 | ); |
| 41 | 44 | $css_generator->add_class_styles( |
| 42 | 45 | '{{WRAPPER}} .ablocks-block-selfhosted-container > .plyr--html5 > .plyr__control--overlaid', |
| 43 | 46 | $this->get_self_host_control_style_css( $attributes ), |
| 44 | 47 | $this->get_self_host_control_style_css( $attributes, 'Tablet' ), |
| 45 | - $this->get_self_host_control_style_css( $attributes, 'Mobile' ) | |
| 48 | + $this->get_self_host_control_style_css( $attributes, 'Mobile' ), | |
| 49 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_self_host_control_style_css( $attributes, $device ); } ) | |
| 46 | 50 | ); |
| 47 | 51 | $css_generator->add_class_styles( |
| 48 | 52 | '{{WRAPPER}} .ablocks-block-vimeo-container > .plyr--video > .plyr__controls', |
| 49 | 53 | $this->get_vimeo_video_style_css( $attributes ), |
| 50 | 54 | $this->get_vimeo_video_style_css( $attributes, 'Tablet' ), |
| 51 | - $this->get_vimeo_video_style_css( $attributes, 'Mobile' ) | |
| 55 | + $this->get_vimeo_video_style_css( $attributes, 'Mobile' ), | |
| 56 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_vimeo_video_style_css( $attributes, $device ); } ) | |
| 52 | 57 | ); |
| 53 | 58 | $css_generator->add_class_styles( |
| 54 | 59 | '{{WRAPPER}} .ablocks-block-vimeo-container > .plyr--vimeo > .plyr__control--overlaid', |
| 55 | 60 | $this->get_vimeo_player_control_style_css( $attributes ), |
| 56 | 61 | $this->get_vimeo_player_control_style_css( $attributes, 'Tablet' ), |
| 57 | - $this->get_vimeo_player_control_style_css( $attributes, 'Mobile' ) | |
| 62 | + $this->get_vimeo_player_control_style_css( $attributes, 'Mobile' ), | |
| 63 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_vimeo_player_control_style_css( $attributes, $device ); } ) | |
| 58 | 64 | ); |
| 59 | 65 | $css_generator->add_class_styles( |
| 60 | 66 | '{{WRAPPER}} .plyr__poster', |
| 61 | 67 | $this->get_poster_image( $attributes ), |
| 62 | 68 | $this->get_poster_image( $attributes, 'Tablet' ), |
| 63 | - $this->get_poster_image( $attributes, 'Mobile' ) | |
| 69 | + $this->get_poster_image( $attributes, 'Mobile' ), | |
| 70 | + $css_generator->custom_device_map( function ( $device ) use ( $attributes ) { return $this->get_poster_image( $attributes, $device ); } ) | |
| 64 | 71 | ); |
| 65 | 72 | |
| 66 | 73 | return $css_generator->generate_css(); |
| 67 | 74 | // Generate CSS end |