这是。。。没有什么可以用几句话来回答的。我会尽力帮忙的。

1.：让自己熟悉构建块的方式，尤其是使用节点和网页包。我在这里找到了一个很好的教程：https://css-tricks.com/learning-gutenberg-1-series-intro/

2.：写下要使用的嵌入URL之外的其他控件类型。为此使用InspectorControl（块的侧栏）

3.：查看wordpress是如何做到这一点的。您可以在此处找到本机嵌入块的源代码：https://github.com/WordPress/gutenberg/tree/master/packages/block-library/src/embed

4.：如果有一个块插件可以做类似的事情，但不完全符合您的需要，请查看它们是否在github上。这些插件中的大多数都会在那里上传源（预编译）文件。即使您无法复制/粘贴代码，也可以找到如何执行特定操作的信息。

5.：尽量从小处做起，比如；输入url，然后显示视频“；，然后为特征添加特征。在wordpress中进行测试，并查看浏览器控制台窗口中的错误。

6.：这是not 黑魔法。两个月前，我开始对REACT和Wordpress Javascript库一无所知，现在几乎每天都在构建自定义块。

快乐的编码！

在“对象”中；“属性”；节添加此声明，我将我的视频URL命名为：

videoURL: {
            type: \'string\',
            source: \'attribute\',
            selector: \'iframe\',
            attribute: \'src\',
        }

const onChangeVideoURL = (value) => {
            setAttributes({ videoURL: value });
        };

<h3>{__(\'Link to video\', \'In the Media\')}</h3>
                <RichText
                    tagName="div"
                    multiline="iframe"
                    src={videoURL}
                    className="wp-block-embed is-type-video is-provider-youtube"
                    placeholder={__(
                        \'Link to video url\',
                        \'In the Media\'
                    )}
                    value={videoURL}
                    onChange={onChangeVideoURL}
                />

<h3>{__(\'Video Link\', \'gutenberg-examples\')}</h3>
                <RichText.Content
                    tagName="iframe"
                    className="video"
                    value={videoURL}
                    src={videoURL}
                />

看this 通过本教程，您将了解创建古腾堡块的基本知识。它还带有boilerplate code. 我建议您创建嵌入类别的自定义块。