Adding a video in aem page. | Community

Level 2

Solved

Adding a video in aem page.

3 replies
3091 views
Translate

I wanted to add a video component to my page in AEM. How can I achieve the same? What are the various options available to do so?

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

ishAccepted solution

New Participant

You can create custome AEM video component

https://aem.redquark.org/2018/10/day-07-creating-your-first-component-in.html

Also can use out of box video component

https://github.com/AdobeDocs/experience-manager-65.en/blob/main/help/sites-administering/config-video.md

ishAccepted solution

New Participant

You can create custome AEM video component

https://aem.redquark.org/2018/10/day-07-creating-your-first-component-in.html

Also can use out of box video component

https://github.com/AdobeDocs/experience-manager-65.en/blob/main/help/sites-administering/config-video.md

Translate

New Participant

Hi ish,

when i am working on redquark video component, Pause and Play button is not working i gone through the another js script but its not working. I am pasting the js and html can you check once

<!--
<div class="buttons">
<button class="button" onclick="playVideo()" >PLAY</button>
<button class="button" id="pause-button">PAUSE</button>
<button class="button" id="stop-button">STOP</button>
</div>

<iframe id="video" src="${properties.link}" frameborder="0" allowfullscreen></iframe>

<script>
function playVideo(){
var my=document.getElementById("video");

my.playVideo();
}
</script> -->

<a id="play-video" href="#">Play Video</a><br />

<iframe id="video" width="420" height="315" src="${properties.link}" frameborder="0" allowfullscreen></iframe>

<script>
$(document).ready(function() {
$('#play-video').on('click', function(ev) {

$("#video")[0].src += "&autoplay=1";
ev.preventDefault();

});
});</script>

Translate

Level 5

If it's a video hosted on third-party hosting services such as youtube or Brightcove you can use the embed core component.

https://github.com/adobe/aem-core-wcm-components/tree/main/content/src/content/jcr_root/apps/core/wcm/components/embed/v2/embed

Let me know if it works.

Translate