Cómo bloquear vídeos de YouTube

Última actualización: 13 Septiembre 2026 Visitas: 18

Impida que YouTube se cargue antes de obtener consentimiento

Los vídeos de YouTube incrustados mediante iframe pueden configurarse para que no carguen contenido externo hasta que el visitante haya autorizado la categoría correspondiente en Alamarte Cookie Consent Pro.

El cambio principal consiste en sustituir src por data-acc-src.

Mientras la dirección del vídeo permanezca en data-acc-src, el navegador no la cargará como un iframe normal. Alamarte Cookie Consent Pro podrá activarla cuando exista consentimiento para la categoría indicada mediante data-acc-category.

Iframe normal de YouTube

El código proporcionado normalmente por YouTube contiene la dirección del vídeo directamente en el atributo src:

<iframe
    width="560"
    height="315"
    src="https://www.youtube.com/embed/ID_DEL_VIDEO"
    title="Video de YouTube"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen>
</iframe>

En esta forma, el navegador puede cargar el contenido de YouTube inmediatamente al abrir la página.

Iframe preparado para Alamarte Cookie Consent Pro

Para mantener el vídeo bloqueado hasta que el visitante autorice la categoría Marketing, utilice el siguiente formato:

<iframe
    width="560"
    height="315"
    data-acc-category="marketing"
    data-acc-src="https://www.youtube.com/embed/ID_DEL_VIDEO"
    title="Video de YouTube"
    frameborder="0"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
    allowfullscreen>
</iframe>

Sustituya ID_DEL_VIDEO por el identificador real del vídeo que desea mostrar.

1. Mantenga el código del iframe

Puede conservar las dimensiones, el título, los permisos y los demás atributos proporcionados por YouTube.

El cambio necesario afecta principalmente a la forma en que se define la dirección del vídeo y a la categoría de consentimiento.

2. Elimine `src`

No deje la dirección del vídeo dentro de src, porque el navegador podría cargar YouTube antes de que Alamarte Cookie Consent Pro pueda aplicar el consentimiento.

Utilice únicamente data-acc-src para la dirección que debe permanecer pendiente.

3. Añada la categoría

Añada data-acc-category="marketing" para indicar que el vídeo depende de la autorización de la categoría Marketing.

La categoría utilizada debe coincidir con la clasificación que haya definido para ese servicio en su sitio.

4. Guarde y revise el código

Después de guardar el artículo o módulo, vuelva a revisar el código fuente del contenido.

Compruebe que data-acc-category y data-acc-src sigan presentes y que el editor no haya restaurado automáticamente el atributo src.

No utilice `src` y `data-acc-src` al mismo tiempo

Para un vídeo que debe permanecer bloqueado, no utilice esta combinación:

<iframe
    src="https://www.youtube.com/embed/ID_DEL_VIDEO"
    data-acc-src="https://www.youtube.com/embed/ID_DEL_VIDEO"
    data-acc-category="marketing">
</iframe>

Si src contiene la dirección real del vídeo, el navegador puede iniciar la carga independientemente de data-acc-src.

Si utiliza JCE

Cuando edite el contenido con JCE u otro editor, compruebe que los atributos personalizados data-* no sean eliminados durante el guardado.

Después de guardar, abra nuevamente el código y confirme que los atributos de Alamarte Cookie Consent Pro permanecen intactos.

Pruebe sin consentimiento previo

Abra la página en una ventana privada o de incógnito para realizar la prueba como un visitante que todavía no ha guardado preferencias.

Verifique primero el comportamiento sin autorizar Marketing y después acepte la categoría para comprobar que el vídeo pueda activarse.

El mismo principio se aplica a otros iframes externos: conserve la dirección pendiente en data-acc-src, indique la categoría mediante data-acc-category y evite mantener simultáneamente la dirección real en src. Para otros casos, consulte Google Maps y otros iframes externos.