Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Adobe Summit 2023 [19th to 23rd March, Las Vegas and Virtual] | Complete AEM Session & Lab list
SOLVED

YouTube Component

Avatar

Level 1

hi, 

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

 

 

 

thanks,

Liron

1 Accepted Solution

Avatar

Correct answer by
Employee Advisor

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

 

 

4 Replies

Avatar

Level 1

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? 

 

 

Capture.PNG

 

Capture.PNG111.PNG

 

Avatar

Correct answer by
Employee Advisor

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