Trabajar con YouTube

Si vas a incrustar vídeos de YouTube en tu sitio web, debes asegurarte de que estos se bloqueen si no se da el consentimiento.

Nota: Recomendamos utilizar los «códigos sin cookies» de YouTube. Para ello, basta con sustituir www.youtube.com en el <iframe ...> código por www.youtube-nocookie.com

Código de ejemplo antes de los cambios:

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/gHTrl91Rdls" 
        frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
        allowfullscreen></iframe>

Código de ejemplo tras los cambios:

<iframe data-cmp-vendor="s30" src="about:blank" class="cmplazyload" 
        width="560" height="315" 
        data-cmp-src="https://www.youtube-nocookie.com/embed/gHTrl91Rdls" frameborder="0" 
        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" 
        allowfullscreen ></iframe>

Para los vídeos de YouTube que superen los 300 x 300 píxeles, el CMP aplicará automáticamente el bloqueo de contenido dinámico.

YouTube en sitios web de WordPress

Para ajustar el código de incrustación de YouTube en un sitio web de WordPress, puedes utilizar el siguiente código de WordPress (añádelo al archivo functions.php de tu tema de diseño de WordPress) para dar formato automáticamente a todos los vídeos de YouTube de tu sitio web:

// customize wordpress gutenberg's core youtube block
function cmp_youtube_player($block_content, $block)
{
	if ("core/embed" === $block['blockName'] && "youtube" === $block['attrs']['providerNameSlug']) {
		$block_content = str_replace('?feature=oembed', '?feature=oembed&rel=0', $block_content);
		$block_content = str_replace(' src="https://www.youtube.com/', ' src="about:blank" data-cmp-src="https://www.youtube-nocookie.com/', $block_content);
        $block_content = str_replace(' src="https://www.youtube-nocookie.com/', ' src="about:blank" data-cmp-src="https://www.youtube-nocookie.com/', $block_content);
		$block_content = str_replace('<iframe ', '<iframe data-cmp-vendor="s30" class="cmplazyload" ', $block_content);
	}
	return $block_content;
}
add_filter('render_block', 'cmp_youtube_player', 10, 2);

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!