← All changes | includes/blocks/player/block.php +14 -7 2.10.0 → 2.14.0 View file →

		@@ -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