YouTube Component

[ldorel]

hi, 

I try to uploaded a YouTube video, but AEM doesn't attract the right link or make a mistake

thanks,

Liron

[Himanshu_Jain]

Check OOTB Embed component for YouTube video integration

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/embed.ht...

[ldorel]

Hi,

but I don't have embed component in my AEM just YouTube component .

when I try to put YouTube link on the component I get an get an error.

Maybe I misunderstood, where can I found the ID of YouTube video? 

 

[Himanshu_Jain]

For ex: https://www.youtube.com/watch?v=aqz-KE-bpKQ if this is the video URL then aqz-KE-bpKQ is the videoId.

[milind_bachani · Accepted solution]

Hi @ldorel ,

Here is the core youtube component which you can use :
https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wc...

Refer to the dialog properties in the readme :

1. ./youtubeVideoId - defines the YouTube video ID.
2. ./youtubeWidth - defines the YouTube video player width.
3. ./youtubeHeight - defines the YouTube video player height.
4. ./youtubeAspectRatio - defines the YouTube video player aspect ratio.
5. ./youtubeMute - the value of the YouTube mute parameter.
6. ./youtubeAutoPlay - the value of the YouTube autoplay parameter. Be aware that modern browsers restrict the possibilities for autoplay. Further information: Chrome Autoplay Policy, Firefox Autoplay Policy, MS Edge Autoplay Policy. In general it is much more likely that autoplay works if combined with mute.
7. ./youtubeLoop - the value of the YouTube loop parameter.
8. ./youtubePlaysInline - the value of the YouTube playsinline parameter.
9. ./youtubeRel - the default value of the YouTube rel parameter.

Please also refer to the tutorial link.

Thanks,

Milind