---
title: Iframe Blocking
description: Block embedded content (YouTube, social widgets, maps) until users grant consent for the appropriate category.
---
## Frame Component
The `` component wraps content that requires consent. Children are only mounted when the specified category has consent. When consent is not granted, a placeholder is shown instead.
```tsx
import { Frame } from '@c15t/nextjs';
function YouTubeEmbed() {
return (
);
}
```
## Initializing the Iframe Blocker
The iframe blocker for HTML attributes needs to be initialized separately from the Frame component:
```tsx
import { useConsentManager } from '@c15t/nextjs';
import { useEffect } from 'react';
function IframeBlockerInit() {
const { initializeIframeBlocker } = useConsentManager();
useEffect(() => {
initializeIframeBlocker();
}, [initializeIframeBlocker]);
return null;
}
```