Videos from DAM assets are not playing inline when used inside carouselDAM assets are not getting cached in dispatcher adobe aemAEM/ Adobe CQ | Not able to Access DAM assethow to delete an asset using the DAM update asset workflow in aem 6.1?How to find all duplicate assets in AEM dam?Setting metadata to DAM assetsWhat's the difference between AEM Assets and AEM DAM?How to add an asset to DAM?AEM JUnit Test with a DAM AssetAEM 6.X : Finding unused assets in DAM AssetsDownloading Assets from AEM DAM
How much steel armor can you wear and still be able to swim?
「捨ててしまう」why is there two て’s used here?
How do you transpose samples in cents?
Can a character learn spells from someone else's spellbook and then sell it?
How Hebrew Vowels Work
Definition of 'vrit'
What is the highest power supply a Raspberry pi 3 B can handle without getting damaged?
Boundaries and Buddhism
Scaling an object to change its key
Why is it easier to balance a non-moving bike standing up than sitting down?
"Correct me if I'm wrong"
Is declining an undergraduate award which causes me discomfort appropriate?
In the US, can a former president run again?
I found a password with hashcat but it doesn't work
What kind of chart is this?
What is the most suitable position for a bishop here?
Justifying Affordable Bespoke Spaceships
Setting up the trap
Why there is a red color in right side?
How would you explain #1 and #2 below using standard quotes?
How can I restore a master database from its bak file?
Is there any possible way to get these hearts as Adult Link?
Why is it 出差去 and not 去出差?
Is using legacy mode instead of UEFI mode a bad thing to do?
Videos from DAM assets are not playing inline when used inside carousel
DAM assets are not getting cached in dispatcher adobe aemAEM/ Adobe CQ | Not able to Access DAM assethow to delete an asset using the DAM update asset workflow in aem 6.1?How to find all duplicate assets in AEM dam?Setting metadata to DAM assetsWhat's the difference between AEM Assets and AEM DAM?How to add an asset to DAM?AEM JUnit Test with a DAM AssetAEM 6.X : Finding unused assets in DAM AssetsDownloading Assets from AEM DAM
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
All the images are coming up from DAM assets in carousel component but videos(from DAM assets) are not coming inline with them.
I have tried including autoplay="autoplay" loop="loop" preload="auto" with image tag and I guess video tag should be automatically picked when it encounters a video. How to bring about the same?
<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div>Video from DAM assets should play inline with other images in the carousel.
aem
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
add a comment |
All the images are coming up from DAM assets in carousel component but videos(from DAM assets) are not coming inline with them.
I have tried including autoplay="autoplay" loop="loop" preload="auto" with image tag and I guess video tag should be automatically picked when it encounters a video. How to bring about the same?
<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div>Video from DAM assets should play inline with other images in the carousel.
aem
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
1
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
As @SumantaPakira already pointed out, you should not put the video in an<img>tag, but rather in an<video>tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.
– Jens
Mar 25 at 8:49
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23
add a comment |
All the images are coming up from DAM assets in carousel component but videos(from DAM assets) are not coming inline with them.
I have tried including autoplay="autoplay" loop="loop" preload="auto" with image tag and I guess video tag should be automatically picked when it encounters a video. How to bring about the same?
<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div>Video from DAM assets should play inline with other images in the carousel.
aem
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
All the images are coming up from DAM assets in carousel component but videos(from DAM assets) are not coming inline with them.
I have tried including autoplay="autoplay" loop="loop" preload="auto" with image tag and I guess video tag should be automatically picked when it encounters a video. How to bring about the same?
<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div>Video from DAM assets should play inline with other images in the carousel.
<div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div><div class="slick-slide slick-current slick-active" data-slick-index="5" aria-hidden="false" style="width: 500px; position: relative; left: -2500px; top: 0px; z-index: 999; opacity: 1;" tabindex="0" role="tabpanel" id="slick-slide05" aria-describedby="slick-slide-control05">
<a href="javascript:;" class="js-carousel-item" tabindex="0">
<figure>
<img src="/content/dam/global-abc/mcos/benefra/nl/custom/product-images/25-nl-107855/y2mate.com - we_are_ufs_supporting_you_unilever_food_solutions_arabia_kDoAaokWuYU_360p.mp4">
</figure>
</a>
</div>aem
aem
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
asked Mar 25 at 6:00
Rashmi KsRashmi Ks
106
106
1
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
As @SumantaPakira already pointed out, you should not put the video in an<img>tag, but rather in an<video>tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.
– Jens
Mar 25 at 8:49
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23
add a comment |
1
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
As @SumantaPakira already pointed out, you should not put the video in an<img>tag, but rather in an<video>tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.
– Jens
Mar 25 at 8:49
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23
1
1
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
As @SumantaPakira already pointed out, you should not put the video in an
<img> tag, but rather in an <video> tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.– Jens
Mar 25 at 8:49
As @SumantaPakira already pointed out, you should not put the video in an
<img> tag, but rather in an <video> tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.– Jens
Mar 25 at 8:49
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55332004%2fvideos-from-dam-assets-are-not-playing-inline-when-used-inside-carousel%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55332004%2fvideos-from-dam-assets-are-not-playing-inline-when-used-inside-carousel%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
you are adding mp4 file inside img tag, are you sure you are doing it correctly?
– Sumanta Pakira
Mar 25 at 7:48
As @SumantaPakira already pointed out, you should not put the video in an
<img>tag, but rather in an<video>tag. But even then this might not be the best idea, since all modern browsers move to a "no autoplay" default setting. That means that soon videos that "autoplay" might not work anymore for your use case.– Jens
Mar 25 at 8:49
Since this video will be a part of carousel along with many other images, how can I get the dc:format value of the DAM asset metadata, based on which I can add the 'video' tag for video asset.
– Rashmi Ks
Mar 25 at 11:23