embed Youtube media with cookieless mode

This support ticket is created 2 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Karachi (GMT+05:00)

Tagged: Setting up custom fields, Types fields API, Types plugin

This topic contains 1 reply, has 2 voices.

Last updated by Waqar 2 years, 10 months ago.

Assisted by: Waqar.

Author

Posts

March 7, 2022 at 8:32 am #2310041

nicolaT-2

Hello, one of our sites (www.centrodimedicina.com) has a custom field for embedding videos from Youtube. The field is of type "embedded media" and it accepts strings like "hidden link", but it does not accept strings with the domain "youtube-nocookie.com". How can we use the embed in cookieless mode? Is there a patch to do this? We need a solution that doesn't force us to replace the hundreds of "embedded media" fields that have already been created.

Thank you,

March 7, 2022 at 11:35 am #2310173

Waqar

Hi,

Thank you for contacting us and I'd be happy to assist.

The Toolset's embedded media type field uses the WordPress 'Embeds' feature ( ref: https://wordpress.org/support/article/embeds/ ), which doesn't support the 'youtube-nocookie.com' URLs.
( ref: https://core.trac.wordpress.org/ticket/44610 )

A workaround can be to use the Types fields shortcode, to construct the iframe code for the embed manually. For example, if the field's slug is 'embedded-media-field-slug', the code would look like this:


<iframe src="[types field='embedded-media-field-slug' output='raw'][/types]" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar