Jump to content

Google drive video iframe

Go to solution Solved by inside_the_square,

Recommended Posts

4h looking for a solution and still nothing...

Hi everyone, going mad here.

I'm trying to autoplay a google drive iframe video.

The best I could find is this :

<div class="container_video">

  <iframe class="responsive-iframe" src="https://drive.google.com/file/d/1P7lIERRkKBjwBzPC5gO0y5VVdBT4TwI2/preview?autoplay=1" width="1200" height="675" allow="autoplay" ></iframe>

</div>

But the video keeps roaming. Is it even possible ?

Link to comment

I'm not sure this is possible, but is the video public? Can you not add the video to YouTube, Vimeo or directly upload it rather than hosting in GDrive?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 3 months later...
  • Solution

It looks like Google removed the embed video option from drive a few years ago (2020) so at this point you'd want to try the programs @Ziggy suggested. You can also upload it to a Squarespace video block. The video block can also help your site stay accessible with it's autoplay audio settings. This article has some interesting info about that.

🤓 Creator of InsideTheSquare.co
SQUARESPACE CIRCLE LEADER SQUARESPACE EXPERT SQUARESPACE EMPLOYEE EDUCATOR CERTIFIED CUSTOM CODE EXPERT

🗺️ New to Squarespace? Get your free roadmap: insidethesquare.co/roadmap
🙋‍♀️ New to CSS? Learn the basics for free: insidethesquare.co/learn
️ Ready to go pro? Get my custom code collection: insidethesquare.co/css

 

BeccaHarpain.gif.236d6ddd88c7d637645b762799f501a8.gif

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

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