This feature is in beta. Get in
touch with
our team to request early access.
How do I block an iframe?
The
data-service attribute must match exactly how the service is named in vendor management.How do I customize the iframe placeholder?
What configuration options are available?
data-service: [String, Required] Service name (e.g., YouTube, Vimeo, Google Maps).data-id: [String, Required] Unique resource ID (e.g., video ID).data-title: [String] Notice title.data-params: [String] Iframe query parameters.data-thumbnail: [String] Path to custom thumbnail.data-ratio: [String] Custom aspect ratio (e.g., “16:9”).data-autoscale: Responsive iframe that fills parent width and scales proportionally.data-widget: Use for custom widgets with explicit width and height.
Supported Services
Each service expects a differentdata-id format. Use data-autoscale for video embeds, and data-widget with an explicit width and height for audio widgets.
YouTube
data-id is the video ID from the YouTube URL (for example, tgbNymZ7vqY from youtube.com/watch?v=tgbNymZ7vqY).
Vimeo
data-id is the numeric video ID from the Vimeo URL (for example, 1060110670 from vimeo.com/1060110670).
Spotify
data-id is the resource path, such as track/<id>, album/<id>, or playlist/<id>.
SoundCloud
data-id is the URL-encoded SoundCloud API track URL.
Twitch
data-id is a Twitch embed parameter such as video=<id> or channel=<name>.