<![CDATA[Responsive video link]]>Hello,

A video put with the rich text (in cloud backend for my exemple) is ignoring the right margin even in responsive mode, so on mobile phone it looks unaligned :
e30c683b-6742-431a-aeb5-a6c87094d107-image.png

I think it's most likely because it wants to take 100% of the space, which is 400px on this frame, but with the margins there is only 370px available.

For now to fix it I put the responsive the "Specific" and choose 370px.

Is it a known issue ? The normal behavior ? Is there any quick solution to fix it while keeping the video setting at "Responsive" ?

Thanks a lot,
Best regards,

]]>https://community.appdrag.com/topic/575/responsive-video-linkRSS for NodeMon, 16 Mar 2026 15:01:01 GMTFri, 11 Dec 2020 07:11:17 GMT60<![CDATA[Reply to Responsive video link on Mon, 14 Dec 2020 10:57:07 GMT]]>Et me voilà qui me répond finalement ^^
C'est en fait un problème connu de l'inté de vidéos par un rich text.

Il suffit de chopper le parent de l'iframe et d'appliquer à lui et ses enfants un max-width de 100% et c'est réglé, ça respectera les limites du conteneurs dans lequel il est inséré 😉

En substance en un screen ça fait ça par le Dev Tools :
40f8e40a-dbaa-4103-9951-ea3f71daf96c-image.png

C'est assez spécifique comme problème mais sait-on jamais, ça peut resservir à quelqu'un 😉

Bonne journée

]]>https://community.appdrag.com/post/2243https://community.appdrag.com/post/2243Mon, 14 Dec 2020 10:57:07 GMT<![CDATA[Reply to Responsive video link on Mon, 14 Dec 2020 07:45:07 GMT]]>Update:
I have the same issue with other projects outside AppDrag, looks like it's a known video iframe issue, gonna update later if we find a general trick not involving playing with the video dimension for every each of them<

]]>https://community.appdrag.com/post/2238https://community.appdrag.com/post/2238Mon, 14 Dec 2020 07:45:07 GMT<![CDATA[Reply to Responsive video link on Fri, 11 Dec 2020 07:24:44 GMT]]>@Wassim sorry I meant padding, it's a 15px righ padding on the column.
It's the usual 15 left/right column padding

It's not directly my code but it looks like it's just a div with text which is replaced by the database content, I suppose the video responsive settings just resize at the screen size and not really the div size.

]]>https://community.appdrag.com/post/2219https://community.appdrag.com/post/2219Fri, 11 Dec 2020 07:24:44 GMT<![CDATA[Reply to Responsive video link on Fri, 11 Dec 2020 07:15:35 GMT]]>@Pierre-SULPICE said in Responsive video link:

I think it's most likely because it wants to take 100% of the space, which is 400px on this frame, but with the margins there is only 370px available.
For now to fix it I put the responsive the "Specific" and choose 370px.

Hi,

I'm not sure to understand what I see on the screen and what is the margin you're referring to.

Is this a modal? Where is the margin right coming from? Couldn't it be a padding if it's coming from your side?

]]>https://community.appdrag.com/post/2217https://community.appdrag.com/post/2217Fri, 11 Dec 2020 07:15:35 GMT