Embeds

Overview

Embeds are used to embed content from external sources such as videos, maps, and more. They allow you to seamlessly integrate rich media and interactive elements into your web pages without having to host the content yourself. Common types of embeds include:

Embeds are used to embed content from external sources such as videos, maps, and more. They allow you to seamlessly integrate rich media and interactive elements into your web pages without having to host the content yourself. Common types of embeds include:

• Video players (e.g., YouTube, Vimeo)
• Interactive maps (e.g., Google Maps, OpenStreetMap)
• Social media posts (e.g., Twitter tweets, Instagram posts)
• Slideshows and presentations (e.g., SlideShare)
• Audio players (e.g., SoundCloud, Spotify)

Embeds enhance the user experience by providing dynamic content directly within your page, reducing the need for users to navigate away to access related information or media. However, it's important to use embeds judiciously and ensure they align with your content strategy and performance requirements, as excessive use of embeds can impact page load times and overall site performance.

Video players

Use the .ratio class to set the aspect ratio of the embed. It is used to ensure that the embed is displayed correctly on different devices and screen sizes.

Use the .ratio class to set the aspect ratio of the embed. It is used to ensure that the embed is displayed correctly on different devices and screen sizes.