ckEditor.js plugin oEmbed - giving error while converting Youtube short-url to long-url

[tarun_singh]

We am overlaying Journal component and using ckEditor in that. There is a media embed plugin where we can put youtube url and it adds the video onto the blog. But the issue arises when we use Youtube-shortUrl and the internal jQuery call happens to convert it to longURL over http protocol. And that API call is being blocked on our website as it serves only https.
Also, it works fine when we use YT long-url.

Expected behavior/code
Expected that is should convert YT shortUrl to longUrl over https call and embed the video onto blog
Environment

• AEM version 6.4.2.0

Looks like the issue is in /libs/clientlibs/ckeditor/resources/ckeditor/plugins/oembed/libs/jquery.oembed.min.js

https://github.com/adobe/aem-core-wcm-components/issues/1174 

[EstebanBustamante · Accepted solution]

Hi,

I’m not familiar with the "journal component." Could you add a screenshot of it? From the GitHub link you shared, it looks like you’re not using the AEM Embed Core Component, which is the preferred method for embedding YouTube videos on any AEM page. There's an out-of-the-box (OOTB) YouTube Embed component that you can use, or alternatively, you can create your own embed without requiring extra JavaScript, just your custom logic. This approach could help resolve the issue you're facing. You can learn more about it here: 

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/wcm-components/e... 

https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wc... 

Hope this helps

[kautuk_sahni]

@tarun_singh Did you find the suggestion helpful? Please let us know if you need more information. If a response worked, kindly mark it as correct for posterity; alternatively, if you found a solution yourself, we’d appreciate it if you could share it with the community. Thank you!