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

[AEM Gems Webinar] Accelerating Experience Manager as a Cloud Service development with Rapid Development Environments
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

 

 

View solution in original post

0 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