Video: add spacing block supports (#43365)

* Adding spacing block supports to video block * This block has customizable padding, border-box makes that more predictable.
WordPress · Aug 21, 2022 · 6a31132 · 6a31132
1 parent ca14481
commit 6a31132
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -842,7 +842,7 @@ Embed a video from your media library or upload a new one. ([Source](https://git
 
 -	**Name:** core/video
 -	**Category:** media
--	**Supports:** align, anchor
+-	**Supports:** align, anchor, spacing (margin, padding)
 -	**Attributes:** autoplay, caption, controls, id, loop, muted, playsInline, poster, preload, src, tracks
 
 <!-- END TOKEN Autogenerated - DO NOT EDIT -->
diff --git a/packages/block-library/src/video/block.json b/packages/block-library/src/video/block.json
@@ -77,6 +77,10 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		},
 		"__experimentalStyle": {
 			"spacing": {
 				"margin": "0 0 1em 0"

diff --git a/packages/block-library/src/video/style.scss b/packages/block-library/src/video/style.scss
@@ -1,4 +1,6 @@
 .wp-block-video {
+	// This block has customizable padding, border-box makes that more predictable.
+	box-sizing: border-box;
 	video {
 		width: 100%;
 	}