Has anyone found a way to embed videos from YouTube with the nocookie option when using the Embed button in the TinyMCE editor? e.g. If I paste "https://www.youtube-nocookie.com/embed/dug56u8NN7g" in to the Url field, I get "not supported" message. Is there a way to embed the nocookie.com youtube url this way?

IIRC, I created a macro to do it

I was thinking something along those lines too, maybe a new nested content block or ye, a new macro. Ok. Thanks @huwred 🙂

Custom oembed provider that just proxies the YouTube one should work as well

youtube-nocookie is probably not in our current oEmbed provider, a custom one like Matt says, with a copy of ours and some adjusting should work.

@Owain just out of curiosity, why are you allowing editors to insert this in the RTE? Eg. opposed to a YouTube grid control or block element? You may have perfect valid reasons for doing so, so just asking to better understand 😉

@Anders Bjerner - erm, no idea. We don't tend to on our newer sites but this one has been around for a long time and I think they have probably just always done it that way 🙂

Ah - makes sense if it is an older site 😉

So I've gone down the route of a custom Provider but can't seem to get it to work. Edited the

EmbeddedMedia.config

to have this :

<!-- YouTube No Cookies Settings-->
    <provider name="YouTubeNoCookies" type="Umbraco.Web.Media.EmbedProviders.YouTubeNoCookiesEmbed, umbraco">
        <urlShemeRegex><![CDATA[https:\/\/www\.youtube-nocookie\.com\/embed\/([a-zA-Z0-9-_]+)]]></urlShemeRegex>
    </provider>

and then I have a new class that looks like this :

namespace Our.Umbraco.Media.EmbedProviders
{
    public class YouTubeNoCookiesEmbed : AbstractProvider
    {
        public override bool SupportsDimensions
        {
            get { return false; }
        }
        public override string GetMarkup(string url, int maxWidth, int maxHeight)
        {
            // format of markup
            string videoFormat = "<div class=\"iplayer-container\">" +
                "<iframe src=\"//https:///www.youtube-nocookie.com/embed={0}\">" +
                "</iframe>" +
                "</div>";
            // pass in encoded Url, with and height, and turn off autoplay...
            var videoPlayerMarkup = string.Format(videoFormat, HttpUtility.UrlEncode(url) + "&autoplay=false", maxWidth, maxHeight);
            return videoPlayerMarkup;
        }

    }
}

type="Umbraco.Web.Media.EmbedProviders.YouTubeNoCookiesEmbed, umbraco"

your namespace is

Our.Umbraco.Media.EmbedProviders

and your dll name is not

umbraco.dll

So it will be

type="Our.Umbraco.Media.EmbedProviders, MyProjectLib.dll"

totally missed the namespace not matching! Even with your suggested changes though, I still can't embed a no-cookie url 😦

regex looks wrong as well

embed\/

should probably be

embed=

Just be aware that not setting cookies on initial visit doesn't mean YouTube is still violating privacy laws - it just does it in a different way. So the no-cookie embed is not really GDPR compliant. https://axbom.com/embed-youtube-videos-without-cookies/

Interesting - maybe this is my get out clause as I still can't get this to work 😄

@Owain are you doing this for v7 or v8?

No that one only looks for

"youtu.be/.*",
"youtube.com/watch.*"

This works in v8 for https://www.youtube-nocookie.com/embed=jNYR1ioecJY

public class NoCookieEmbedProvider : EmbedProviderBase
        {
            //https://www.youtube-nocookie.com/embed=jNYR1ioecJY
            public override string ApiEndpoint => String.Empty;

            public override string[] UrlSchemeRegex => new string[]
            {
                @"youtube-nocookie\.com/*"
            };

            public override Dictionary<string, string> RequestParams => new Dictionary<string, string>();

            public override string GetMarkup(string url, int maxWidth = 0, int maxHeight = 0)
            {
                string videoFormat = "<div class=\"iplayer-container\"><iframe src=\"{0}\" name=\"youtubemediaplayer\" scrolling=\"no\" frameborder=\"no\" align=\"center\" autoplay=\"false\" width=\"{1}\" height=\"{2}\" allowfullscreen></iframe></div>";
                // pass in encoded Url, with and height, and turn off autoplay...
                var videoPlayerMarkup = string.Format(videoFormat, HttpUtility.HtmlEncode(url) , maxWidth, maxHeight);
                return videoPlayerMarkup;
            }
        }

        public class RegisterEmbedProvidersComposer : IUserComposer
        {
            public void Compose(Composition composition) {
                composition.OEmbedProviders().Append<NoCookieEmbedProvider>();
            }
        }

Finally got it working via a DM 😄 Thanks everyone who helped out.

I'd prefer Huw's version, the mess in the web.config seems too difficult and not needed to me! 😅

EmbedProviderBase as a base - you could Replace("-nocookie") base.GetMarkUp() Replace("youtube", "youtube-nocookie")

Nice one so if they do paste a youtube url, it will use the no-cookie one

Yeah if you remove the normal one from the config and mess with the scheme regex

Composer magic please 😉

.Remove I think it is 🙂

yes, something like composition.OEmbedProviders().Remove()

just needs an extra bit of Replace adding 😄

it is the embed string that is different, the first link watch?v= works, but changing it to youtube-nocookie with the same string jNYR1ioecJY returns a 404

So Replace("watch?v=", "embed=") ?

no, the jNYR1ioecJY must get generated differently for the different url's as the second url doesn't work

how odd

yes, not what I expected TBH

direct from the embed generation 🙂

DOh! it was me 🤣 should be embed/ not embed=

😄

This should work for all YouTube urls (replacing existing YouTube provider)

cs
    public class YouTubeNoCookieEmbedProvider : EmbedProviderBase
    {
        //https://www.youtube-nocookie.com/embed/jNYR1ioecJY
        //https://www.youtube.com/watch?v=jNYR1ioecJY
        public override string ApiEndpoint => String.Empty;

        public override string[] UrlSchemeRegex => new string[]
        {
            "youtu.be/.*",
            "youtube.com/watch.*",
            "youtube-nocookie.com/embed/.*"
        };

        public override Dictionary<string, string> RequestParams => new Dictionary<string, string>();

        public override string GetMarkup(string url, int maxWidth = 0, int maxHeight = 0)
        {
            url = url.Replace(@"youtube", "youtube-nocookie")
                .Replace("watch?v=","embed/")
                .Replace("youtu.be/","www.youtube-nocookie.com/embed/");
            string videoFormat = "<div class=\"iplayer-container\"><iframe src=\"{0}\" name=\"youtubemediaplayer\" scrolling=\"no\" frameborder=\"no\" align=\"center\" autoplay=\"false\" width=\"{1}\" height=\"{2}\" allowfullscreen></iframe></div>";
            // pass in encoded Url, with and height
            var videoPlayerMarkup = string.Format(videoFormat, HttpUtility.HtmlEncode(url) , maxWidth, maxHeight);
            return videoPlayerMarkup;
        }
    }

    public class RegisterEmbedProvidersComposer : IUserComposer
    {
        public void Compose(Composition composition)
        {
            composition.OEmbedProviders().Remove<YouTube>();
            composition.OEmbedProviders().Append<YouTubeNoCookieEmbedProvider>();
        }
    }

Glad this has started a discussion 🙂 My solution was for Umbraco 7 but good to see other options for other versions. Unless I'm mistaken and these would all work on older versions too?

I think your way is probably the way to go for v7

until EOL

Just cos it's EOL doesn't mean we have to stop working on it ... we just get to charge a premium 😄 #ThereAreStillv4andV6SitesOutThere 😉

I think it is missing the

youtube.com/shorts/.*

format as well, e.g. https://youtube.com/shorts/jNYR1ioecJY