What component to be used for video in AEM 6.5 ? | Community
Skip to main content
Mario248
Mario248
Level 7
July 5, 2022
Solved

What component to be used for video in AEM 6.5 ?

  • July 5, 2022
  • 6 replies
  • 4901 views

I want to maintain videos in AEM DAM and use it in aem pages. I am following this document for setting video component https://experienceleague.adobe.com/docs/experience-manager-65/administering/operations/config-video.html?lang=en#install-ffmpeg. I believe I have to use /libs/foundation/components/video component at page level but not sure if this video component is up to date because of cq:deprecated property set at component level.

 

Is there any wcm core component or any ootb component to use for video in aem 6.5?

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 Mohit_KBansal

Consider creating a new Custom component, and leveraging HTML5 video tag [1] 

<video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      Your browser does not support the video tag.
</video>

You can have more controls like auto play, play in loop ...

 

[1] https://www.w3schools.com/html/html5_video.asp

6 replies

D
Adobe Employee
digarg17Adobe Employee
Adobe Employee
July 5, 2022

Hi , there is no OOTB video component available in 6.5. You would need to develop a custom video component as the one you are referring to is deprecated. You can use the embed core component if the video is embeddable/available on youtube. 

 

 

    Mohit_KBansal
    Adobe Employee
    Mohit_KBansalAdobe Employee
    Adobe Employee
    July 5, 2022

    Consider creating a new Custom component.

      Mohit_KBansal
      Adobe Employee
      Mohit_KBansalAdobe EmployeeAccepted solution
      Adobe Employee
      July 5, 2022

      Consider creating a new Custom component, and leveraging HTML5 video tag [1] 

      <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
      <source src="movie.ogg" type="video/ogg">
      Your browser does not support the video tag.
</video>

      You can have more controls like auto play, play in loop ...

       

      [1] https://www.w3schools.com/html/html5_video.asp

        Mario248
        Mario248Author
        Level 7
        July 6, 2022

        Does this approach need to have ffmpeg encoded installed ?

          Mohit_KBansal
          Adobe Employee
          Mohit_KBansalAdobe Employee
          Adobe Employee
          July 6, 2022

          HTML5 video player support mp4 format also, so if you upload mp4 files, no encoding is needed.

            SantoshSai
            Community Advisor
            SantoshSaiCommunity Advisor
            Community Advisor
            July 5, 2022

            Hi @mario248 ,

            "Adobe does not plan to make further enhancements to most of the Foundation Components stored in /libs/foundation/components. Look for the cq:deprecated and cq:deprecatedReason property in the component folder. AEM 6.5 has the Foundation Components included, and customers upgrading from earlier releases can keep using them as is. Further, the Foundation Components is completely supported even though deprecated." 
            Based on above statement you may use it and it is supported even it says deprecated.

            However, IMHO - It is best practice to create custom component and use it.

            Reference: https://experienceleague.adobe.com/docs/experience-manager-65/release-notes/deprecated-removed-features.html?lang=en

            Hope that helps!

            Regards,

            Santosh

            Santosh Sai
              Aditya_Chabuku
              Community Advisor
              Aditya_ChabukuCommunity Advisor
              Community Advisor
              July 5, 2022

              Hi @mario248 , 

               

              There is no direct OOTB video component readily available. Even though there is an option similar to it, you have to Install FFmpeg and configure AEM separately & also Configure your Video Profiles.

              This is not feasible for a few, in that case we have to custom implement. 

              You can see feature/video_component code for your refernce.

               

               

              ~Aditya.Ch

              Thanks,Aditya Chabuku
                A
                Adobe Employee
                ankushbAdobe Employee
                Adobe Employee
                July 5, 2022

                You can use the embed component to add reference to video resources [1].

                Otherwise there is an enhancement request for a video component as part of core components[2].

                 

                 

                 

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

                 

                [2]https://github.com/adobe/aem-core-wcm-components/issues/218 

                  Terms & ConditionsAccessibility statement

                  Loading footer...