How to add video block on blockManager

Hello All. i want to add a video block on blockmanager same as mentioned on below snapshot

i am using following code for adding video block on block manager

editor = grapesjs.init({
      autorender: 0,
      container: '#gjs',
      components: '<div class="txt-red"></div>',
      style: '.txt-red{color: red}',

blockManager: {
        appendTo: '#gjs',
        blocks: [
          {
            id: 'Video',
            label: 'Video',
            attributes: { class:'fa fa-video'},
            content: `
            <video controls>
            <source src="https://www.w3schools.com/tags/movie.mp4" type="video/mp4">
            <source src="https://www.w3schools.com/tags/movie.mp4" type="video/ogg">
            Your video
          </video>`,
            category: 'Basic',
          },
    ]

})```
 but that code does not works
please let me know how can i add video block on block manager