<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
   Your external media embeds - Iframely
        </title>
        <meta content="" name="description">
        <meta content="width=device-width, initial-scale=1" name="viewport">
        <meta content="Your external media embeds" property="og:title">
        <meta content="website" property="og:type">
        <meta content="" property="og:image">
        <meta content="" property="og:url">
        <meta content="" property="og:description">
        <meta content="" property="og:site_name">
        <link href="/r2/v1/css/widgets-cards/cards-v5-styles-consents-settings.css" rel="stylesheet">
        <link href="/r2/v1/img/fav/icon.svg" rel="icon" type="image/svg+xml">
        <link href="/r2/v1/img/fav/apple-touch-icon.png" rel="apple-touch-icon">
    </head>
    <body class="theme-auto">
        <div>
            <main class="body">
                <h1 class="h1 title">
                    Third-party rich media
                </h1>
                <div class="tagline">
                    <p>
                        <span class="tagline__intro">
                            We&nbsp;ask your consent before showing embedded video, audio and other rich media.
                        </span>
                        To&nbsp;skip a&nbsp;question every time, allow media by&nbsp;groups.
                        <button aria-controls="info" aria-expanded="false" class="toggle collapsed" data-bs-target="#info" data-bs-toggle="collapse" data-class-expanded="toggle--expanded" data-label-collapsed="More info" data-label-expanded="Less info">
                            <span>
                                More info
                            </span>
                            <svg class="toggle__icon" height="5" viewBox="0 0 8 5" width="8">
                                <path d="M7.5 2V.4L4.3 3.2h-.1L.9.4V2l3.2 2.7h.1L7.5 2z">
                                </path>
                            </svg>
                        </button>
                    </p>
                    <div class="collapse" id="info">
                        <p class="mb-1em mt-1em">
                            Such third-party media providers have independent terms and&nbsp;privacy policies and might use cookies or&nbsp;other tracking technologies.
                        </p>
                        <p class="mb-1em">
                            By&nbsp;embedding their rich media iFrames, we&nbsp;provide only a&nbsp;utility method for&nbsp;you. If&nbsp;you consent, you will enter into a&nbsp;direct user agreement with that media provider, as&nbsp;if&nbsp;you visited their standalone website.
                        </p>
                        <p>
                            This page lists all your granted permission to&nbsp;load Iframely-powered&nbsp;media. You can allow all iFrames on&nbsp;a specific site or&nbsp;from an&nbsp;individual publisher across the Iframely network of&nbsp;sites. Skip or&nbsp;withdraw those permissions to&nbsp;be&nbsp;asked each&nbsp;time.
                        </p>
                    </div>
                </div>
                <form>
                    <section class="mb-2em">
                        <div class="switch switch--reverse switch--accent">
                            <label class="switch__label" for="all">
                                <span class="switch__label-title">
                                    Trust all media providers on all&nbsp;sites that&nbsp;use&nbsp;Iframely
                                </span>
                            </label>
                            <input aria-checked="false" aria-labelledby="all" class="switch__input" data-all="all" data-role="all" id="all" role="switch" type="checkbox">
                            <span class="switch__check">
                            </span>
                        </div>
                    </section>
                    <div class="switch-grid" data-group="all">
                        <section class="mb-2em" data-id="providers">
                            <h2 class="h2 mb-1em">
                                For individual providers
                            </h2>
                            <div class="switch-group" id="popular">
                            </div>
                            <div class="switch-group" id="providers" style="display:none">
                            </div>
                        </section>
                        <section class="mb-2em" data-id="sites" style="display: none;">
                            <h2 class="h2 mb-1em">
                                On individual sites
                            </h2>
                            <div class="switch-group" id="sites">
                            </div>
                        </section>
                        <div class="switch switch-group__item" id="template" style="display:none">
                            <label class="switch__label" for="">
                                <span class="switch__label-title">
                                </span>
                            </label>
                            <input aria-checked="false" aria-labelledby="" class="switch__input" id="" role="switch" type="checkbox">
                            <span class="switch__check">
                            </span>
                        </div>
                    </div>
                </form>
            </main>
        </div>
        <script src="/r2/v1/js/consents/app.min.js">
        </script>
        <script src="/r2/v1/js/consents/storage.min.js">
        </script>
        <script>
            var _l = {
                contentElement: document.querySelector('main')
            };
        </script>
        <script>
            (function() {
                (window.iframely = window.iframely || {
                }).windowMessaging = function() {
                    return {
                        postMessage: function(a, b, c) {
                            "object" === typeof a && (a.context = document.location.href, "undefined" !== typeof _l && _l.linkUri && (a.url = _l.linkUri));
                            a = JSON.stringify(a);
                            c = c || window.parent;
                            window.postMessage && c.postMessage(a, (b || "*").replace(/([^:]+:\/\/[^\/]+).*/, "$1"));
                        },
                        receiveMessage: function(a) {
                            function b(c) {
                                try {
                                    var b = JSON.parse(c.data);
                                } catch (d) {
            
                      }
                      a(c, b);
                    }
                    if (window.postMessage) if (window.addEventListener) window[a ? "addEventListener" : "removeEventListener"]("message", b, !1); else window[a ? "attachEvent" : "detachEvent"]("onmessage", b);
                  }
                };
                }();
            })();
        </script>
        <script>
            var windowId, height, width, firstHeightSent = !1, sendHeightTimeout = null, firstSmallHeightDelay = 1E3, smallHeight = 100, minHeight = 50;
            function postMessageResize(a) {
                iframely.windowMessaging.postMessage({
                    windowId: windowId,
                    method: "resize",
                    height: a
                });
            }
            function firstTimeResizeAndCleanMaxwidth(a) {
                iframely.windowMessaging.postMessage({
                    method: "setIframelyEmbedData",
                    data: {
                        media: {
                            height: a,
                            "max-width": ""
                        }
                    }
                });
            }
            var realSendHeight = _l.forceSendHeight = function(a) {
                !firstHeightSent && _l.cleanMaxwidth ? firstTimeResizeAndCleanMaxwidth(a) : postMessageResize(a);
                firstHeightSent = !0;
                _l.resizeAmp && _l.resizeAmp(a);
            };
            function sendHeight(a) {
                _l.holdResize || (sendHeightTimeout && clearTimeout(sendHeightTimeout), !firstHeightSent && a <= smallHeight ? sendHeightTimeout = setTimeout(function() {
                    realSendHeight(a);
                }, firstSmallHeightDelay) : realSendHeight(a));
            }
            _l.resize = function(a) {
                if (_l.contentElement) {
                    var b = heightGetter(), c = window.document.documentElement.scrollWidth;
                    !(b && b > minHeight) || !a && b == height && height && c && width && !(c > width) || height && b < height && height - b <= (320 >= c ? 6 : 2) || (height = b, width = c, _l.prepareHeight && (b = _l.prepareHeight(b)), sendHeight(b));
                }
            };
            window.onresize = function() {
                _l.resize();
            };
            var lastContentElementHeight;
            setInterval(function() {
                if (_l.contentElement) {
                    var a = _l.contentElement.scrollHeight;
                    a != lastContentElementHeight && (lastContentElementHeight = a, _l.resize());
                }
            }, 100);
            iframely.windowMessaging.receiveMessage(function(a, b) {
                !windowId && b && b.method && "register" === b.method && b.windowId && (windowId = b.windowId, _l.resize(!0));
            });
            function getStyle(a, b) {
                var c;
                return document.defaultView && document.defaultView.getComputedStyle && (c = document.defaultView.getComputedStyle(a, null)) ? c[b] : a.currentStyle ? a.currentStyle[b] : a.style[b];
            }
            function px2int(a) {
                return "string" === typeof a ? (a = a.match(/(\d+)(:px)?/)) ? parseInt(a[1]) : 0 : "number" === typeof a ? a : 0;
            }
            function heightGetter() {
                var a = _l.contentElement.scrollHeight + px2int(getStyle(_l.contentElement, "border-top-width")) + px2int(getStyle(_l.contentElement, "border-bottom-width")), b = document.body.scrollHeight;
                if (a === b - 1) {
                    var c = window.getComputedStyle(document.body).height;
                    /\d+\.\d+px/.test(c) && (a = b);
                }
                a = a < b && 0 < a ? a : b;
                _l.maxheight && a > _l.maxheight && (a = _l.maxheight, document.body.style.overflowY = "scroll");
                return a;
            }
            ;
        </script>
        <script>
            _l.resize();
        </script>
    </body>
</html>