Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'embedded'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 7 results

  1. Hi all, Our website (www.statelessdignity.org) has a couple of videos embedded in iFrames on it (one for several months now!), and I've *just* learned that the videos don't display at all in Chrome. I've looked into the problem, and deduced that it's not my computer/browser (I've tried every hack in the book, like enabling Flash and JS, and asked friends to check on their own devices): the videos don't display in Chrome on any device. For me, it instead just shows as a big empty iFrame container/blank space, though at least one friend reported that they saw no blank space when they tried it. So anyway, I've tried researching this and seen a couple others with a similar issue, but their coding hacks (below) also don't seem to solve the problem. ...Considering YouTube is owned by Google—and that the majority of visitors (at least for us) use Chrome—I'm a little shocked that this would be an issue. ...But then again, I've seen other embedded YouTube videos on other sites, so there must be a way! Anyway, the two pages where we're having this issue now are here: https://www.statelessdignity.org/news/2018/9/23/2018-bama-speech (it should show between the second and third paragraphs) https://www.statelessdignity.org/news/2019/12/1/give-the-gift-of-dignity-this-givingtuesday (at the bottom of the blog post, just above the footer) Anyway, here are a couple of the CSS/HTML coding solutions I have tried to no avail. ...Does anyone have any tips for making this work? (And *bonus question*: does anyone have a solution to make the video vertical on the second link (changing the aspect ratio/removing the black space on the sides)? I've also researched this, but again, nothing I found worked.) Here is the first approach I tried: <style> .container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; .container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <div class="container" style="text-align: center;"><iframe width="75%" height=75% class="video" src="https://youtube.com/embed/8KS5xbuoNe0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div> And here is the second: <style> .container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .container iframe, .container object, .container embed { position:absolute; top:0; left:0; width:100%; height:100%; } </style> <div class="container" style="text-align: center;"><iframe width="75%" height=75% class="video" src="https://youtube.com/embed/8KS5xbuoNe0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
  2. Hi. I have embedded some forms on a website using the styled HTML code (from Infusionsoft keap). I've tried different CSS to target the forms and make them responsive on mobile devices but I can't find the right code. The input fields and button are hanging of the screen. An example of a form is on this page https://www.soulspacehealers.uk/. Can anyone help?
  3. My website template is: https://corn-ellipse-dcg3.squarespace.com/ And I want a border to be placed around the video block on the home page, it's an embedded Youtube video. Can someone attach a code for me to use and put into the CSS to add for this to work. I need help ASAP. Thank you! :)
  4. Hi Everyone! I have created 2 embedded scripts that show 2 different PayPal subscriptions plans. One of the embedded scripts shows the Paypal Buttons, but the other one does not show the embedded PayPal buttons. There's no way I can make it show it. I tried with Safari and Chrome. Both behave the same. I have disabled the AJAX loading on the Site Styles. The template is "Mentor". The site is http://pimov.org/payments. Could someone advise? Many thanks in advance! Cheers, Jeannette
  5. Hi there, I'm trying to display different Instagram posts from multiple accounts (rather than one - meaning I cannot used the Instagram block - so I used the embed link to add an individual post. However, when experimenting and posting the exact same embed link, the format has changed, and I cannot work out why - please help! A screenshot is attached - the format on the right is the preferred result!
  6. Hi there! I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas? I would appreciate your help or even your empathy! <iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div> http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison
  7. Hi helpers, thanks in advance! I'd like to add 1px padding and 1px border around the video that is shown here: https://muenchworkshops.squarespace.com/blog/2012/11/30/camera-settings what is my CSS? Thanks!
×
×
  • Create New...