Adjust the Size and Center Embedded Instagram Video

Store Design
, , , ,
1

Website Link
Sample Preview Product Page

We embed unique instagram videos onto our product pages. We would like to be able to adjust a few things and have found some issues.

  1. Adjust the Size on Mobile.

    1. Is it possible to reduce the size or even cut off the like, share, and comment part of the embedded video player?

      Danceddiction_0-1746284729827.png
      Danceddiction_0-1746284729827.png444×797 218 KB

  2. Adjust the size AND center the embed on Desktop.

    1. Want to adjust the size and get the video centered on desktop - if it’s a bit smaller it would look better on the workflow as we are going to add more text below the IG video

    2. Or is it possible to add a custom liquid or description on the side of the video?

      Danceddiction_3-1746284920754.png
      Danceddiction_3-1746284920754.png1895×826 127 KB

Thanks for the help!

2

Is there a way to adjust the embed code or put custom CSS code that makes it so I can adjust the size and experiment with what I think is best? And is it possible to cut the box of the embedded video right after “View More on Instagram” - this would make the page cleaner and cut the size down by default.