1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
<?php
/**
* Server-side rendering of the `core/video` block.
*
* @package WordPress
*/
/**
* Renders the `core/video` block on the server to supply the width and height attributes from the attachment metadata.
*
* @since 6.9.0
*
* @phpstan-param array{ "id"?: positive-int } $attributes
*
* @param array $attributes The block attributes.
* @param string $content The block content.
* @return string The block content with the dimensions added.
*/
function render_block_core_video( array $attributes, string $content ): string {
// if the content lacks any video tag, abort.
if ( ! str_contains( $content, '<video' ) ) {
return $content;
}
// If the 'id' attribute is not populated for a video attachment, abort.
if (
! isset( $attributes['id'] ) ||
! is_int( $attributes['id'] ) ||
$attributes['id'] <= 0
) {
return $content;
}
// If the 'id' attribute wasn't for an attachment, abort.
if ( get_post_type( $attributes['id'] ) !== 'attachment' ) {
return $content;
}
// Get the width and height metadata for the video, and abort if absent or invalid.
$metadata = wp_get_attachment_metadata( $attributes['id'] );
if (
! isset( $metadata['width'], $metadata['height'] ) ||
! ( is_int( $metadata['width'] ) && is_int( $metadata['height'] ) ) ||
! ( $metadata['width'] > 0 && $metadata['height'] > 0 )
) {
return $content;
}
// Locate the VIDEO tag to add the dimensions.
$p = new WP_HTML_Tag_Processor( $content );
if ( ! $p->next_tag( array( 'tag_name' => 'VIDEO' ) ) ) {
return $content;
}
$p->set_attribute( 'width', (string) $metadata['width'] );
$p->set_attribute( 'height', (string) $metadata['height'] );
/*
* The aspect-ratio style is needed due to an issue with the CSS spec: <https://github.com/w3c/csswg-drafts/issues/7524>.
* Note that a style rule using attr() like the following cannot currently be used:
*
* .wp-block-video video[width][height] {
* aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
* }
*
* This is because this attr() is yet only implemented in Chromium: <https://caniuse.com/css3-attr>.
*/
$style = $p->get_attribute( 'style' );
if ( ! is_string( $style ) ) {
$style = '';
}
$aspect_ratio_style = sprintf( 'aspect-ratio: %d / %d;', $metadata['width'], $metadata['height'] );
$p->set_attribute( 'style', $aspect_ratio_style . $style );
return $p->get_updated_html();
}
/**
* Registers the `core/video` block on server.
*
* @since 6.9.0
*/
function register_block_core_video(): void {
register_block_type_from_metadata(
__DIR__ . '/video',
array(
'render_callback' => 'render_block_core_video',
)
);
}
add_action( 'init', 'register_block_core_video' );
|