Thursday, 22 June 2017

Creating an Experience Manager YouTube Component

Displaying Video content within a web site is a typcial requirement for Experience Manager authors. To address this requirement, you can create a custom Experience Manager component that can display a YouTube video. In addition, you can develop the component to retrieve information about the video and display the information within the component, as shown in this illustration.

To set the Video, an AEM author provides the Video ID in a component dialog: 



This development article covers the following tasks: 

1. Fetch the JSON Data using JSONObject into the Experience Manager component.
2. Play the video without the need to use an Iframe in HTML.
3. Video title and channel name shown using an accordion.



Join the Adobe Experience Cloud Community 

Join the Adobe Experience Cloud Community by clicking this banner





I (Scott Macdonald) am a Senior Digital Marketing Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more CQ or other Adobe Digital Marketing end to end articles like this, then leave a comment and let me know what content you would like to see.


TwitterFollow the Digital Marketing Customer Care team on Twitter @AdobeExpCare.

YouTube: Subscribe to the AEM Community Channel



No comments:

Post a Comment