Javascript 如何为EditorJS创建视频插件

我正在尝试使用editorjs创建一个视频插件。我已经在编辑器js列表中添加了我的按钮。看到了吗 但我按下按钮，我的另一个组件，我与视频按钮合并，不渲染

import VideoUpload from './uploader/videoUpload'

export class video extends Component {
    static get toolbox(){
        return {
            title: 'video',
            icon: '<svg width="17" height="15" viewBox="0 0 336 276" xmlns="https://image.flaticon.com/icons/png/512/16/16270.png"><path d="M291 150V79c0-19-15-34-34-34H79c-19 0-34 15-34 34v42l67-44 81 72 56-29 42 30zm0 52l-43-30-56 30-81-67-66 39v23c0 19 15 34 34 34h178c17 0 31-13 34-29zM79 0h178c44 0 79 35 79 79v118c0 44-35 79-79 79H79c-44 0-79-35-79-79V79C0 35 35 0 79 0z"/></svg>'
        }
    }
    render() {
        return (
            <div>
               <VideoUpload/>
               {console.log("ddasda")}
               <label></label>
                <input></input>
            </div>
        )
    }
    save(blockContent){
        return {
          url: blockContent.value
        }
      }
}

export default video;

从“./uploader/VideoUpload”导入视频上载
导出类视频扩展组件{
静态获取工具箱（）{
返回{
标题：“视频”，
图标：“”
}
}
render（）{
返回(
{console.log（“ddasda”）}
)
}
保存（块内容）{
返回{
url:blockContent.value
}
}
}
导出默认视频；

我是editorjs的新手。有人，请引导我创建一个视频插件的这个。提前谢谢