Customize, add or remove video block traits

[LienanWisner]

Hi! I'm wondering if there's a way to change the defaults traits from the video block. For example, if I want to delete the HTML5 or Vimeo options, or adding some checkboxes. Do I have to create it manually or how can I solve that?
What I do in the code is only an extend: 'video'. I'm opening this issue due to I can not find any document or help to do that, thanks!

[rafaelspereira1]

Hi, i have managed to limit what providers you can use by setting a model defaults with the providers i need, below is a sample code.

editor.Blocks.add('video', {
		label: 'Vídeo',
		media: `<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><path d="M0 128C0 92.7 28.7 64 64 64H320c35.3 0 64 28.7 64 64V384c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V128zM559.1 99.8c10.4 5.6 16.9 16.4 16.9 28.2V384c0 11.8-6.5 22.6-16.9 28.2s-23 5-32.9-1.6l-96-64L416 337.1V320 192 174.9l14.2-9.5 96-64c9.8-6.5 22.4-7.2 32.9-1.6z"/></svg>`,
		content:
			'<div data-gjs-type="video" style="width: 50%; margin: 10px"></div>'
	})

	editor.DomComponents.addType('video', {
		model: {
			defaults: {
				provider: 'yt'
			},
			getProviderTrait() {
				return {
					type: 'select',
					label: 'Provider',
					name: 'provider',
					changeProp: true,
					options: [{ value: 'yt', name: 'Youtube' }]
				}
			}
		}
	})

[LienanWisner]

Thank you so much! I was struggling with that haha