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

SOLVED

Adding a video in aem page.

Avatar

Level 2

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?

 

 

 

 

 

 

 

1 Accepted Solution

Avatar

Correct answer by
Level 1
Level 1
1 Reply

Avatar

Level 3

Hi @Dvaraka ,

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/wc...

 

Let me know if it works.

 

Avatar

Correct answer by
Level 1
Level 1

Avatar

Level 1

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>