Two questions: need help adding a full-width video and adjusting Instagram embed

Hi! I’ve just pushed this page live: http://ericacorder.com/portfolio

I have two problems. Firstly, I’d like to adjust the top of the page looping video to be full-width, and have been trying myself for weeks. I have no idea what to do to fix it.

Second, there is an embedded Instagram post under the Aerial Photo & Video section. It is not centered, even though I dropped in code that elsewhere online was said to work.

I’d appreciate any help on this! Many thanks in advance.

Hello Erica,

Thanks for writing in!

1.) It is difficult to adjust the video because you have inserted a raw HTML code to display the video. Please edit your page, remove the raw code and the raw element. You will need to recreate the section with a video background so that you will have better control over the layout of that section.

2.) You are using embed video code. It is an iframe code coming from Instagram actually. The problem is that, with iframe code, we do not have any control over the contents inside the iframe. It is being controlled by the source material coming from Instagram.

Hope this helps.

Hi!

Thanks for your response. I have tried using a video background and it did not work. What I have now is the only somewhat working solution.

As my site is live and is being shared for job opportunities currently, I don’t particularly want to throw up a non-working solution with the background. Can you tell me what I would need to do to ensure the video will autoplay full-width as intended using the video background option so I can make the transition seamlessly?

And I understand about #2. Thanks.

Hi Erica,

You’re always welcome!

Please add it as video background on the section. Check this screencast for a sample: https://screencast-o-matic.com/watch/cq1tViT9Un

Hope this helps.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.