Embed Youtube videos

Is there a way to embed Youtube videos in RichTextEditor?

I'm try to use insertHTML of execCommand  to add this code, but this not work:

<div style="position: relative;width: 100%;height: 0;padding-bottom: 50%;">
<iframe frameborder="0" scrolling="no" marginheight="0" marginwidth="0" style="position: absolute;top: 0;left: 0;width: 100%;height: 100%;" 
frameborder="0" type="text/html" 
src="https://www.youtube.com/embed/tgbNymZ7vqY?fs=1"></iframe>
</div>


     Best regards,

     Marcel Souza
     Pds Informática


4 Replies

IS Indrajith Srinivasan Syncfusion Team March 31, 2020 02:03 PM UTC

Hi Marcel, 
 
Greetings from Syncfusion support, 
 
We have validated the reported query and considered “Embed Youtube videos in RichTextEditor using insertHtmlas a bug from our end and logged the report for the same and the fix will be included with our patch release on the second week of April 2020.

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/13053/

But you can load the shared iframe content, with the initial rendering of Rich Text Editor by disabling the enableHtmlSanitizer property. We have also prepared a sample based on your requirements.
 
 
Indrajith 



IS Indrajith Srinivasan Syncfusion Team April 14, 2020 03:33 PM UTC

Hi Marcel,

Sorry for the delayed response,

We have resolved the issue “Embed Youtube videos in RichTextEditor using insertHtml with Rich Text Editor and the fix is available with the package version 18.1.44.

Sample:
https://stackblitz.com/edit/4mktrk-psqtk2?file=index.ts

Can you please upgrade the package to this version to resolve the issue from your end?

Regards,
 
Indrajith 



DE Denis April 15, 2020 01:19 PM UTC

Hi, what about version for Angular 8+ ?
I trying to add video iframe from youtube in Angular, but it's still not working on version 18.1.44.


IS Indrajith Srinivasan Syncfusion Team April 16, 2020 11:30 AM UTC

Hi Denis,

Good day to you,

As said earlier, if you disable the enableHtmlSanitizer property and insert Iframe elements in Rich Text Editor it will work fine. We have also prepared a sample with an Angular 8+ version.

Sample: https://www.syncfusion.com/downloads/support/forum/152859/ze/Insert_Iframe_RTE1335369655

Please let us know if the solution helps,

Regards,
Indrajith
 


Loader.
Up arrow icon