Our default embed code is a fixed size and automatically includes dimensions that maintain the original aspect of your video. You can access the embed code for your video in a few different ways:
- The video embed settings page: You can access the responsive embed code by clicking the gray "Embed code" button above the video player on the embed settings page. Just copy and paste the code provided in the lightbox.
- The video share lightbox: If you click on the share icon (the paper plane) within the onsite player, you'll find the embed code in the lightbox that appears.
- The video manager: Just click the share icon next to any video, in grid or list view, and choose "Copy embed code." (This code will include fixed dimensions).
If you want the player to be larger/smaller, you can adjust the height and width values before pasting the code into your webpage builder. We recommend using dimensions that yield the same aspect ratio as your original file; for example, if your video is 1920 x 1080, you’ll want to use dimensions that yield an aspect ratio of 16:9 like 640 x 360.
Responsive embed code
Responsive videos will automatically adjust to accommodate a specific screen or window size. When you're using our responsive embed code, the player will adjust to the dimensions of the container where it's placed, all while as preserving it’s original aspect ratio. This means that you’ll need to adjust the parent container in your webpage if you wish to change the size of the player iframe. You cannot adjust the dimensions inside the Vimeo embed code itself.
The responsive embed code can be found in the share menu of your video’s page (e.g vimeo.com/XXXXX) on the site. Once you're on the video page, click on the share icon (the paper plane) within the video player. In the share window that appears, click on "+Show options" in the top right corner of the lightbox, then select "Responsive.” The code in the embed section should then automatically adjust to include a new div wrapper and script tag. These elements allow the iframe to become responsive.
The responsive code may not play nicely with certain webpage themes and layouts. If you are having trouble with the responsive embed code, we recommend sticking with the fixed size embed.
Styling the Vimeo iframe
The size and position of the player iframe can be influenced by the styling of your webpage. This is common when using pre-built themes or plugins in webpage builders such as Wordpress, Wix, or Squarespace. If you are setting the dimensions in your embed code correctly, but the Vimeo player is displaying differently, we suggest checking your webpage builder to see if any additional formatting is being applied to the player iframe.
If you’re not sure, contact us and we’ll take a look. Be sure to include the URL of your webpage as well as any login information required to access it.