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.
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.
<iframe width="xxx" height="xxx">.Don’t worry about making it responsive — Infinitus takes care of that automatically.
Again, Infinitus will handle all the scaling and cleanup behind the scenes.
Infinitus will automatically clean up superfluous markup (like inline styles or extra scripts) to keep your page running fast and looking consistent.
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.
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.
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.