Quill: how to insert recorded video into quill editor

[vibingopal]

Hello Team,

In my application, iam using quill editor with Angular framework. Now i have customized the tool bar so that users can record the video, once the recording ended. iam trying to insert the recorded video ( video/webm) format into the quill editor.

But the problem is the video is not playable. I can only see in the quill editor the url of the video which is of blob type like blob:http://localhost:4100/b37bfaef-2a78-4a55-ad3d-15a1bb28d83

When i open the same url in browser it is getting played but not in editor. Any suggestions on this? Do i need to convert the video of webm to different format to get played in quill editor ?

[vibingopal]

this is my end output in editor contents

Assigned video to editor

this.editorContent = temp1;
console.log('Editor Content', this.editorContent);

Output:

> <video src="blob:http://localhost:4100/98a2a2fe-6d74-4cfe-bc5b-96ff8493c18" controls="controls" autoplay="" width="320" height="240"></video>

[vibingopal]

May i have any update on this please?

[benbro]

You'll might get more help if you fork the playground example and show a simple example of what you are trying to do and what doesn't work.

[vibingopal]

Iam trying to insert the blob video into quill editor. Here the video is recorder through different tool which is recordrtc. Once the recording stopped , iam assigning the blob url to video element and appending the quill contents as shown above.

[benbro]

That's more of a question for StackOverflow or a job for a custom module.
Closing because it's not a bug.

[lakinmohapatra]

Hi
I am assigning video html to editor like this
this.editor = '';

But its showing blank in QL UI. Please help.

[muralimatli]

am unable to insert recorded mp4/mp3 videos into quill editor