YouTube Component | Community
Skip to main content
L
ldorel
May 24, 2022
Solved

YouTube Component

  • May 24, 2022
  • 3 replies
  • 1395 views

hi, 

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

 

 

 

thanks,

Liron

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by milind_bachani

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/wcm/components/embed/v1/embed/embeddable/youtube

 

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

 

 

3 replies

Himanshu_Jain
Community Advisor
Himanshu_JainCommunity Advisor
Community Advisor
May 24, 2022

Check OOTB Embed component for YouTube video integration

https://experienceleague.adobe.com/docs/experience-manager-core-components/using/components/embed.html?lang=en

 

Himanshu Jain
    L
    ldorelAuthor
    May 24, 2022

    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
      Community Advisor
      Himanshu_JainCommunity Advisor
      Community Advisor
      May 24, 2022

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

       

      Himanshu Jain
        milind_bachani
        Adobe Employee
        milind_bachaniAdobe EmployeeAccepted solution
        Adobe Employee
        May 24, 2022

        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/wcm/components/embed/v1/embed/embeddable/youtube

         

        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

         

         

          Terms & ConditionsAccessibility statement

          Loading footer...