Jump to content

Expanding an iframe using code block

Recommended Posts

Site URL: https://www.thegoondocks.tv/contact

Hi,

I'm looking to include an iframe onto my site using the code block. I'm able to get it onto the site, but it's appearing small. 

I'm using the following code to input it onto the site.

<html>
        <body style="height:100%;width:100%;" >
                <iframe style="height:100%;width:100%;border: none;"
                id="inlineFrameExample"
                title="Inline Frame Example"
                src="https://api.fotomasterltd.net/photo-mosaic-booth/live//presentation.html?clientId=1236250&eventId=1584549111249-2020-MARCH-WFH-Test10-100&columns=15&rows=15&focusOption=false" />
        </body>
</html>

I've attached a video for reference. If anyone can help solve this issue I'm having it would be greatly appreciated.

Thanks,

Panda

Link to comment
  • 6 months later...
  • Replies 4
  • Views 1.5k
  • Created
  • Last Reply

I'd love to hear an answer too.  using pre-scripted embed code works, but the width of the video in the website is 2.5- 3 times wider than it should be.

 

<iframe src="https://iframe.dacast.com/live/9a6a8dd7-ae13-4ee4-7c41-2c8db5203701/3b5fa3c6-6cd5-141d-12ba-5612b4743552" width="100%" height="100%" frameborder="0" scrolling="no" allow="autoplay" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

Link to comment
  • 8 months later...
On 10/5/2020 at 9:23 PM, RedMangoDamien said:

I'd love to hear an answer too.  using pre-scripted embed code works, but the width of the video in the website is 2.5- 3 times wider than it should be.

 

<iframe src="https://iframe.dacast.com/live/9a6a8dd7-ae13-4ee4-7c41-2c8db5203701/3b5fa3c6-6cd5-141d-12ba-5612b4743552" width="100%" height="100%" frameborder="0" scrolling="no" allow="autoplay" allowfullscreen webkitallowfullscreen mozallowfullscreen oallowfullscreen msallowfullscreen></iframe>

We also tried setting insline styles of width: 100vw and height: 100vh which had no effect either. When you say embed code works, what exactly did you do with the embed block to get your iframe to work? Even if it was much larger?

Link to comment
On 6/23/2021 at 11:33 AM, gwhiz said:

We also tried setting insline styles of width: 100vw and height: 100vh which had no effect either. When you say embed code works, what exactly did you do with the embed block to get your iframe to work? Even if it was much larger?

Can you share link to page where you added iframe? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.