Jump to content

Kezza

Member
  • Posts

    1
  • Joined

  • Last visited

Kezza's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. Site URL: https://www.thefabricant.com/ Hi, I have a video on our home page as Code Injection atm. I would love to include a part in the code to make the video responsive to the size of the browser window. This is easy to do with the video block and Vimeo link, however I need to be able to do it with the Code Injection. Below is the code I'm using now. <center> <iframe src="https://player.vimeo.com/video/680815668??autoplay=1&loop=1&autopause=0&background=1&color=ffffff&controls=2&portrait=0" width="1170" height= "600" frameborder="0" allow="autoplay; fullscreen"allowfullscreen></iframe> </center> Here's the embed code I'm getting from Vimeo <div style="padding:50% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/680815668?h=b5fa6fda37&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen style="position:absolute;top:0;left:0;width:100%;height:100%;" title="The Fabricant - Digital Fashion House"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script> What do I need to change in the original code to get the responsiveness in it? AND bonus question. Can I add text on top of the video?
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.