How to Properly Copy (and Use) Embed Code on Your Website
Learn how to properly embed YouTube and Vimeo videos on your website. This quick guide walks you through grabbing the correct embed code, placing it in Infinitus, and letting the system do the heavy lifting to ensure your video looks great on every device.
Getting Your Video on the Page the Right Way
Adding a YouTube or Vimeo video to your website shouldn’t be a mystery. The key is using the right kind of embed code and letting your content management system (Infinitus CMS) handle the rest. When done properly, your video will display beautifully, scale for every screen size, and load efficiently.
Step 1: Getting the Embed Code from YouTube
- Go to your video on YouTube.
- Click Share, then choose Embed.
- A popup will appear with a block of code starting with
<iframe width="xxx" height="xxx">. - Copy this code exactly as it appears — but make sure it’s the fixed-width version.
Don’t worry about making it responsive — Infinitus takes care of that automatically.
Step 2: Getting the Embed Code from Vimeo
- Go to your Vimeo video page.
- Click the Share icon (a paper airplane icon).
- Copy the Embed code provided under the Embed section.
- As with YouTube, make sure you grab the standard Size > fixed version, not one labeled as “responsive” or “auto-resize.”
Again, Infinitus will handle all the scaling and cleanup behind the scenes.
Step 3: Adding the Embed Code in Infinitus
- In your Infinitus CMS, open the page where you want the video to appear.
- Find the Embed field — this is specifically designed for safely inserting code snippets.
- Paste your copied embed code directly into that field.
- Save your changes.
Infinitus will automatically clean up superfluous markup (like inline styles or extra scripts) to keep your page running fast and looking consistent.
A Note About Other Video Platforms
You may come across other video sources — Facebook, Instagram, or a local news outlet, for example — that also provide embed options. These can work too, but it’s always a good idea to test them first.
If something doesn’t look right or doesn’t scale properly, reach out — the Ingenious team can help adjust or modify the code to ensure it behaves like it should across all devices.
Why Fixed Embed Codes Work Best with Infinitus
By using the fixed-size version of your video embed, you’re giving Infinitus a predictable structure to work with. The system then optimizes and reformats that code to display perfectly on desktops, tablets, and phones — no manual tweaks needed.
In Short...
- Copy the fixed-width embed code from YouTube or Vimeo.
- Paste it into the Embed field in Infinitus.
- Let the system do the rest — automatically cleaning, scaling, and presenting your video the right way.
If you have any questions about this, please feel free to reach out to us. We are always happy to lend a hand!
Also, we have an amazing online resource for our clients to walk you through all sorts of features available through Infinitus, go here to check out this tutorial on embedding video.