Instagram Video (made w/ PicPlayPost) Adjust size??

• 

  giangrisostomi · Member · Oct 24, 2016 at 3:15 pm

  • Copy link
  • Add topic to favorites

  Hi!

  I made a video with the app PicPlayPost and posted it on my instagram. I’d like to take the video from instagram and post it on my webpage but also change the size so it’s not HUGE. Any idea how to do this?

  Thanks!

  Alicia

  The blog I need help with is: (visible only to logged in users)

• 

  innisfreehomestead · Member · Oct 25, 2016 at 4:24 pm

  • Copy link

  Hello Alicia!

  I’d be happy to help you with this! Would you mind placing the video on a post or even an inner page without adding it to the menu so it’s hidden, so I can take a look at the code of it on your site?

  Let me know,
  Sage

• 

  giangrisostomi · Member · Oct 25, 2016 at 4:38 pm

  • Copy link

  Hey Sage,

  I tried to copy and paste the link from instagram but it doesn’t seem to be showing up on my “Voice Over Page” as a video — it just shows up with a link….hmmm can you work with that?

  Thanks!
  Alicia

• 

  innisfreehomestead · Member · Oct 25, 2016 at 4:41 pm

  • Copy link

  Hey there Alicia,

  Would you mind adding it in as you did previously so I can see the sizing?

  Thanks,
  Sage

• 

  giangrisostomi · Member · Oct 25, 2016 at 4:46 pm

  • Copy link

  There you go Sage!

• 

  innisfreehomestead · Member · Oct 25, 2016 at 4:49 pm

  • Copy link

  Thanks!

  Are you adding in the iframe with a shortcode or little bit of html?

  What I see is something like this:
  <iframe class="instagram-media instagram-media-rendered" id="instagram-embed-0" src="https://www.instagram.com/p/BL1MTDTg6QH/embed/captioned/?v=7" allowtransparency="true" frameborder="0" height="440" data-instgrm-payload-id="instagram-media-payload-0" scrolling="no" style="background: rgb(255, 255, 255); border: 0px; margin: 1px; max-width: 300px; width: calc(100% - 2px); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.498039) 0px 0px 1px 0px, rgba(0, 0, 0, 0.14902) 0px 1px 10px 0px; display: block; padding: 0px;"></iframe>

  Then I edited the max-width to 300px and that would solve your sizing issue. If you aren’t using a code that looks like that would you mind copying it into here so I could see if I could modify it directly for you?

  Thanks,
  Sage

• 

  giangrisostomi · Member · Oct 25, 2016 at 5:22 pm

  • Copy link

  This is what I have:

  https://www.instagram.com/p/BL1MTDTg6QH/?taken-by=giangrisostomi

     

  <img class=”wp-image-1373 size-medium alignright” src=”https://giangrisostomi.files.wordpress.com/2016/01/img_0010-1-e1452781132148.png?w=300″ alt=”IMG_0010 (1)” width=”300″ height=”184″ /><img class=”wp-image-1235 size-medium alignleft” src=”https://giangrisostomi.files.wordpress.com/2015/05/lips-e1435162100807.png?w=300″ alt=”” width=”300″ height=”184″ /></span></h1>

• 

  giangrisostomi · Member · Oct 26, 2016 at 1:30 pm

  • Copy link

  Hey Sage – just checking to see if you received my previous message? Thanks!

• 

  innisfreehomestead · Member · Oct 26, 2016 at 11:46 pm

  • Copy link

  Hi there,

  Sorry for the delay in my response!

  Here’s an explanation on adding instragram https://en.support.wordpress.com/instagram/instagram-images/ You can add it with just the url as you’re doing which will set it to 612px or you can use a shortcode like this:
  [instagram url=LINK width=320]

  You place your url in the LINK area and then set the width how you’d like it.

  Let me know if that doesn’t work!
  Sage