How can I have a video over carousel banner in background which keep rolling automatically. | Community
Skip to main content
Level 3
October 16, 2015
Solved

How can I have a video over carousel banner in background which keep rolling automatically.

  • October 16, 2015
  • 2 replies
  • 1417 views

It should show just carousel banner if the video is not available.

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 Ojjis

What do you mean with "not avaliable"?

Browser lack support of video formats?
http://camendesign.com/code/video_for_everybody
If you take a look at this guide, it will give you some great info about how to have different kind of fallback for different browsers when it comes to videos.
There they explain how to have a standard htlm5 video with flash fallback. If the client doesn't support flash, an image is displayed, that could be the banner you were talking about.

Video not avaliable in the dam?
If the video you are trying to show is located in the DAM, but somehow not working/is found, you have to have some kind code that checks for this. The code could fetch a video asset, check if everything is ok with it. If everything is allright, go ahead and display the video. If not, try to fetch the fallback image asset of your choice instead and display that one.

@smacdonald2008 has some good links there how to stard with the 3rd party plugins, and then try to customize it with something similar to the two hits above.
Good luck
/Johan

2 replies

Ojjis
OjjisAccepted solution
Level 7
October 16, 2015

What do you mean with "not avaliable"?

Browser lack support of video formats?
http://camendesign.com/code/video_for_everybody
If you take a look at this guide, it will give you some great info about how to have different kind of fallback for different browsers when it comes to videos.
There they explain how to have a standard htlm5 video with flash fallback. If the client doesn't support flash, an image is displayed, that could be the banner you were talking about.

Video not avaliable in the dam?
If the video you are trying to show is located in the DAM, but somehow not working/is found, you have to have some kind code that checks for this. The code could fetch a video asset, check if everything is ok with it. If everything is allright, go ahead and display the video. If not, try to fetch the fallback image asset of your choice instead and display that one.

@smacdonald2008 has some good links there how to stard with the 3rd party plugins, and then try to customize it with something similar to the two hits above.
Good luck
/Johan

smacdonald2008
Level 10
October 16, 2015

One option you have is to use 3rd party JQuery plug-in. See http://www.1stwebdesigner.com/freebies/jquery-carousel-plugins-tutorials/.

We have examples of using JQuery and AEM:
1 - http://helpx.adobe.com/adobe-cq/using/integrating-jquery-framework-cq.html

2- http://helpx.adobe.com/adobe-cq/using/creating-gallery-components.html

We will pass on this specific workflow to our team and we can create an AEM article that will show you step by step instructions on how to build a custom AEM component based on this requirement.