Ad Product Gallery

<!DOCTYPE html> <html class="no-js" lang="en-US"> <head> <meta charset="UTF-8"> <meta id="viewport" name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <script id="usercentrics-cmp" data-settings-id="M5sJQd76T" src="https://web.cmp.usercentrics.eu/ui/loader.js"></script> <link rel="preload" href="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/fonts/Aeonik-Light.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/fonts/Aeonik-Regular.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/fonts/Aeonik-Medium.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/fonts/Aeonik-Bold.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/fonts/icomoon.ttf" as="font" type="font/ttf" crossorigin> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="apple-touch-icon" sizes="180x180" href="https://smartclip.wpenginepowered.com/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://smartclip.wpenginepowered.com/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://smartclip.wpenginepowered.com/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="https://smartclip.wpenginepowered.com/safari-pinned-tab.svg" color="#5bbad5"> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="theme-color" content="#ffffff">  <script type="text/plain" data-usercentrics="Google Analytics" async src="https://www.googletagmanager.com/gtag/js?id=UA-22120432-3"></script> <script type="text/plain" data-usercentrics="Google Analytics"> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-22120432-3', {'anonymize_ip': true}); </script> <style> .vjs-text-track-display { display: none; } .vjs-loading-spinner { display: none; } .vjs-control-bar { display: none; } .vjs-modal-dialog { display: none; } .vjs-big-play-button { display: none !important; } </style> <style> #chatbot-chatgpt { background: #ffffff !important; color: #ffffff !important; } .chatbot-bubble { color: #0a0a0a !important; } .chatbot-floating-style { color: #0a0a0a !important; } .chatbot-embedded-style { color: #0a0a0a !important; } #chatbot-chatgpt-submit { background-color: #ffffff !important; } #chatbot-chatgpt-upload-file { background-color: #ffffff !important; } #chatbot-chatgpt-erase-btn { background-color: #ffffff !important; } #chatbot-chatgpt-text-to-speech-btn { background-color: #ffffff !important; } #chatbot-chatgpt-download-transcript-btn { background-color: #ffffff !important; } #chatbot-chatgpt-header { background-color: #ffffff !important; } #chatbot-chatgpt-header-embedded { background-color: #ffffff !important; } .chatbot-user-text { background-color: #ffffff !important; color: #0a0a0a !important; } .chatbot-bot-text { background-color: #ffffff !important; color: #0a0a0a !important; } .chatbot-typing-dot { color: #0a0a0a !important; } .chatbot-chatgpt-custom-button-class { color: #0a0a0a !important; } .chatbot-typing-indicator { background-color: #ffffff !important; color: #0a0a0a !important; } #chatbot-chatgpt-title.title { color: #000000 !important; } .chatbot-wide { width: 384px !important; } #chatbot-chatgpt.wide { width: 384px !important; } .chatbot-narrow { width: 384px !important; } #chatbot-chatgpt.narrow { width: 384px !important; } .chatbot-image-width { width: 80% !important; } #chatbot-chatgpt.image-width { width: 80% !important; } </style> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Ad Product Gallery | smartclip</title> <meta name="description" content="Preview ATV (Addressable TV), CTV (Connected TV), in-stream, out-stream, and audio advertising formats powered by smartclip." /> <link rel="canonical" href="https://smartclip.tv/ad-product-gallery/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Ad Product Gallery | smartclip" /> <meta property="og:description" content="Preview ATV (Addressable TV), CTV (Connected TV), in-stream, out-stream, and audio advertising formats powered by smartclip." /> <meta property="og:url" content="https://smartclip.tv/ad-product-gallery/" /> <meta property="og:site_name" content="smartclip" /> <meta property="article:modified_time" content="2024-01-08T19:02:37+00:00" /> <meta property="og:image" content="http://smartclip.tv/wp-content/uploads/2023/08/linkedin-website-meta-ad-gallery-1.jpg" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Ad Product Gallery | smartclip" /> <meta name="twitter:description" content="Preview ATV (Addressable TV), CTV (Connected TV), in-stream, out-stream, and audio advertising formats powered by smartclip." /> <meta name="twitter:site" content="@smartclipgmbh" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://smartclip.tv/ad-product-gallery/","url":"https://smartclip.tv/ad-product-gallery/","name":"Ad Product Gallery | smartclip","isPartOf":{"@id":"https://smartclip.tv/#website"},"primaryImageOfPage":{"@id":"https://smartclip.tv/ad-product-gallery/#primaryimage"},"image":{"@id":"https://smartclip.tv/ad-product-gallery/#primaryimage"},"thumbnailUrl":"https://smartclip.tv/wp-content/uploads/2023/07/Ad-gallery-hero-scaled.jpg","datePublished":"2020-11-18T12:41:08+00:00","dateModified":"2024-01-08T19:02:37+00:00","description":"Preview ATV (Addressable TV), CTV (Connected TV), in-stream, out-stream, and audio advertising formats powered by smartclip.","breadcrumb":{"@id":"https://smartclip.tv/ad-product-gallery/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://smartclip.tv/ad-product-gallery/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://smartclip.tv/ad-product-gallery/#primaryimage","url":"https://smartclip.tv/wp-content/uploads/2023/07/Ad-gallery-hero-scaled.jpg","contentUrl":"https://smartclip.tv/wp-content/uploads/2023/07/Ad-gallery-hero-scaled.jpg","width":2560,"height":1854},{"@type":"BreadcrumbList","@id":"https://smartclip.tv/ad-product-gallery/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://smartclip.tv/"},{"@type":"ListItem","position":2,"name":"Ad Product Gallery"}]},{"@type":"WebSite","@id":"https://smartclip.tv/#website","url":"https://smartclip.tv/","name":"smartclip","description":"","publisher":{"@id":"https://smartclip.tv/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://smartclip.tv/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://smartclip.tv/#organization","name":"smartclip","url":"https://smartclip.tv/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://smartclip.tv/#/schema/logo/image/","url":"https://smartclip.tv/wp-content/uploads/2020/11/Logo.svg","contentUrl":"https://smartclip.tv/wp-content/uploads/2020/11/Logo.svg","caption":"smartclip"},"image":{"@id":"https://smartclip.tv/#/schema/logo/image/"},"sameAs":["https://x.com/smartclipgmbh","https://www.linkedin.com/company/smartclip"]}]}</script>  <link rel='dns-prefetch' href='//w19.captcha.at' /> <link rel="alternate" type="application/rss+xml" title="smartclip » Feed" href="https://smartclip.tv/feed/" /> <link rel="alternate" type="application/rss+xml" title="smartclip » Comments Feed" href="https://smartclip.tv/comments/feed/" /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/smartclip.tv\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.4.2"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff","\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://smartclip.wpenginepowered.com/wp-includes/css/dist/block-library/style.min.css?ver=6.4.2' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> body{--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--accent: #cd2653;--wp--preset--color--primary: #000000;--wp--preset--color--secondary: #6d6d6d;--wp--preset--color--subtle-background: #dcd7ca;--wp--preset--color--background: #f5efe0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 18px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 26.25px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--normal: 21px;--wp--preset--font-size--larger: 32px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='dashicons-css' href='https://smartclip.wpenginepowered.com/wp-includes/css/dashicons.min.css?ver=6.4.2' media='all' /> <link rel='stylesheet' id='chatbot-chatgpt-css-css' href='https://smartclip.wpenginepowered.com/wp-content/plugins/chatbot-chatgpt/assets/css/chatbot-chatgpt.css?ver=2.1.2' media='all' /> <link rel='stylesheet' id='nouislider-css' href='https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/scss/lib/nouislider.min.css?ver=6.4.2' media='all' /> <link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://smartclip.wpenginepowered.com/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.64' media='all' /> <style id='heateor_sss_frontend_css-inline-css'> .heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}div.heateor_sss_horizontal_sharing a.heateor_sss_button_instagram span{background:#ffffff!important;}div.heateor_sss_standard_follow_icons_container a.heateor_sss_button_instagram span{background:#ffffff}div.heateor_sss_horizontal_sharing a.heateor_sss_button_instagram span:hover{background:#ffffff!important;}div.heateor_sss_standard_follow_icons_container a.heateor_sss_button_instagram span:hover{background:#ffffff}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{background-color:#ffffff!important;background:#ffffff!important;color:#646464;border-width:0px;border-style:solid;border-color:transparent}div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover path:not(.heateor_sss_no_fill),div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover ellipse, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover circle, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover polygon, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover rect:not(.heateor_sss_no_fill){fill:#646464}div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover path.heateor_sss_svg_stroke, div.heateor_sss_horizontal_sharing span.heateor_sss_svg svg:hover rect.heateor_sss_svg_stroke{stroke:#646464}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{background-color:#ffffff!important;background:#ffffff!importantcolor:#646464;border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;} </style> <link rel='stylesheet' id='cf7cf-style-css' href='https://smartclip.wpenginepowered.com/wp-content/plugins/cf7-conditional-fields/style.css?ver=2.3.10' media='all' /> <link rel='stylesheet' id='style-style-css' href='https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/style.css?ver=1727708045' media='all' /> <script src="https://smartclip.wpenginepowered.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script src="https://w19.captcha.at/sdk.js?wpv=6.4.2&ver=6.4.2" id="captcha-eu-sdk-js"></script> <script id="captcha-eu-wp-js-extra"> var captchaAt = {"publicKey":"tGuHAgTSLUMgentcglgV-x-54b4d81f03c8217141d6f69fca2125be36ddca54","host":"https:\/\/w19.captcha.at","plugins":["_wp-login","_wp-registration","_wp-pw-reset","contact-form-7"]}; </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/captcha-eu/src/../assets/frontend.js?ver=1.0" id="captcha-eu-wp-js"></script> <script id="captcha-eu-wp-js-after"> // Contact Form 7 jQuery(document).ready(function() { if(jQuery('.wpcf7-form').length > 0) { if ( typeof wpcf7 !== 'undefined' && typeof wpcf7.submit === 'function' ) { const submit = wpcf7.submit; wpcf7.origSubmit = submit; wpcf7.submit = ( form, options = {} ) => { if(form instanceof jQuery) { form = form[0]; } if(!form.checkValidity()) { return; } $btnSubmit = jQuery(form).find('.wpcf7-submit'); $btnSubmit.attr('disabled', true); form.addEventListener( 'wpcf7submit', event => { $btnSubmit.attr('disabled', false) }); KROT.interceptForm(form, true); KROT.getSolution() .then((sol) => { form.querySelector('.captcha_at_hidden_field').value = JSON.stringify(sol); // trigger original submit wpcf7.origSubmit(form, options); }); }; } } }); </script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/index.js?ver=1732690165" id="index-js-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/video.min.js?ver=1732690165" id="video-js"></script> <link rel="https://api.w.org/" href="https://smartclip.tv/wp-json/" /><link rel="alternate" type="application/json" href="https://smartclip.tv/wp-json/wp/v2/pages/117" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://smartclip.tv/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://smartclip.tv/?p=117' /> <link rel="alternate" type="application/json+oembed" href="https://smartclip.tv/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmartclip.tv%2Fad-product-gallery%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://smartclip.tv/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fsmartclip.tv%2Fad-product-gallery%2F&format=xml" /> <script>document.documentElement.className = document.documentElement.className.replace( 'no-js', 'js' );</script> <script> var $ = jQuery; </script>  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css" /> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.css" integrity="sha512-UiVP2uTd2EwFRqPM4IzVXuSFAzw+Vo84jxICHVbOA1VZFUyr4a6giD9O3uvGPFIuB2p3iTnfDVLnkdY7D/SJJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />  </head> <body class="default-header"> <div class="stickynav "> <div class="container container_wide"> <div class="row"> <div class="col"> <nav class="navbar navbar-sc navbar-expand-xl"> <a href="/" class="custom-logo-link navbar-brand" rel="home" aria-label="Smartclip"> <svg viewBox="0 0 127.56 31.12" xmlns="http://www.w3.org/2000/svg"><g fill="#ffffff"><path d="m1.18 8.34 7.14-6.95a14.9 14.9 0 0 0 -1.42.75l-5.37 5.5z"/><path d="m0 12.39 12.63-12.28c-.33 0-.66.11-1 .17l-11.58 11.88a1.64 1.64 0 0 1 -.05.23z"/><path d="m.13 15.22 15.54-15.14c-.28 0-.56 0-.85-.06l-14.71 15.09a.36.36 0 0 1 .02.11z"/><path d="m.81 17.49 17.34-16.9c-.25-.08-.49-.16-.75-.22l-16.62 17.06z"/><path d="m1.89 19.36 18.33-17.86c-.22-.12-.43-.25-.65-.35l-17.71 18.17z"/><path d="m3.3 20.91 18.64-18.17c-.17-.16-.35-.32-.54-.47l-18.13 18.61z"/><path d="m5.05 22.14 18.3-17.84a6.17 6.17 0 0 0 -.44-.57l-17.91 18.38z"/><path d="m3.24 27.4 17.92-18.4h-.05l-18.3 17.83c.19.17.28.39.43.57z"/><path d="m4.75 28.85 18.14-18.6-18.68 18.14c.18.15.35.32.54.46z"/><path d="m6.58 30 17.72-18.2-18.36 17.83c.21.12.42.24.64.37z"/><path d="m8.75 30.76 16.63-17.06v-.07l-17.38 16.91z"/><path d="m11.33 31.11 14.67-15.11a.5.5 0 0 0 0-.12l-15.51 15.17c.28.02.56.05.84.06z"/><path d="m14.52 30.84 11.58-11.84v-.23l-12.57 12.23c.33 0 .66-.09.99-.16z"/><path d="m19.25 29 5.37-5.51c.13-.23.24-.46.35-.7l-7.13 7a13.64 13.64 0 0 0 1.41-.79z"/><path d="m37.3 17.9h2.7c.1 1.1 1.16 1.89 2.76 1.89 1.41 0 2.41-.52 2.41-1.4 0-1.08-1-1.19-2.83-1.41-2.68-.32-4.84-.88-4.84-3.27 0-2.24 2-3.71 5-3.68s5.14 1.35 5.3 3.71h-2.8c-.09-1-1.08-1.64-2.47-1.64s-2.25.51-2.25 1.37 1.07 1 2.76 1.23c2.68.3 4.93.9 4.93 3.49 0 2.25-2.18 3.67-5.19 3.67-3.19 0-5.39-1.47-5.48-3.96z"/><path d="m49 10.18h2.5l.3 1.49a4.16 4.16 0 0 1 3.49-1.62 3.71 3.71 0 0 1 3.59 2 4.74 4.74 0 0 1 4.1-2c2.32 0 4.38 1.26 4.38 5.24v6.43h-2.85v-6.48c0-1.86-.77-2.85-2.3-2.85s-2.57 1.14-2.57 3.06v6.27h-2.89v-6.48c0-1.86-.76-2.85-2.29-2.85s-2.57 1.21-2.57 3.1v6.23h-2.89z"/><path d="m68.14 18.46c0-2.41 1.83-3.76 5.28-3.76h2.66v-.63c0-1.16-.9-1.88-2.4-1.88s-2.27.6-2.44 1.55h-2.77c.23-2.36 2.26-3.69 5.32-3.69 3.24 0 5.14 1.46 5.14 4.18v7.49h-2.52l-.23-1.55a4.48 4.48 0 0 1 -3.71 1.69c-2.59 0-4.33-1.24-4.33-3.4zm7.94-1.46v-.32h-2.75c-1.44 0-2.27.54-2.27 1.62 0 .9.74 1.49 2 1.49a2.73 2.73 0 0 0 3.02-2.79z"/><path d="m80.16 10.18h2.59l.25 1.74a3.66 3.66 0 0 1 3.47-1.74h.56v2.57h-1.18c-2.08 0-2.85 1.48-2.85 3.25v5.73h-2.84z"/><path d="m87.89 18.51v-11.51h2.87v3.21h2.8v2.41h-2.8v5.53c0 .86.35 1.2 1.21 1.2h1.78v2.4h-2.55c-2.27-.03-3.31-1.09-3.31-3.24z"/><path d="m93.82 15.94c0-3.55 2.38-5.89 6-5.89 3.1 0 5.12 1.66 5.58 4.34h-3a2.6 2.6 0 0 0 -2.67-2c-1.85 0-3 1.46-3 3.57s1.2 3.6 3 3.6a2.57 2.57 0 0 0 2.69-2.07h2.94c-.46 2.7-2.48 4.39-5.63 4.39a5.6 5.6 0 0 1 -5.91-5.94z"/><path d="m106.39 6h2.87v15.72h-2.87z"/><path d="m110.63 7.08a1.6 1.6 0 0 1 1.69-1.6 1.62 1.62 0 0 1 1.68 1.6 1.64 1.64 0 0 1 -1.71 1.64 1.62 1.62 0 0 1 -1.66-1.64zm.25 3.1h2.87v11.54h-2.87z"/><path d="m115.37 10.18h2.5l.33 1.67a4.52 4.52 0 0 1 3.75-1.8c3.24 0 5.58 2.25 5.58 5.91s-2.34 5.9-5.56 5.9a4.49 4.49 0 0 1 -3.72-1.69v6h-2.88zm9.24 5.76c0-2.11-1.27-3.57-3.22-3.57s-3.17 1.46-3.17 3.55 1.23 3.62 3.17 3.62 3.22-1.48 3.22-3.6z"/></g></svg> <div class="img" style="-webkit-mask-image: url('https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/images/logo.png'); mask-image: url('https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/images/logo.png');"></div> </a> <button class="navbar-toggler burger-menu-btn" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-burger"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"><li class="dropdown active nav-item"><a title="Technology" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-8580">Technology</a> <div class="dropdown-menu" aria-labelledby="menu-item-dropdown-8580" role="menu"> <a title="smartx Ad Server & SSP" href="https://smartclip.tv/smartx/" class="dropdown-item">smartx Ad Server & SSP</a><a title="Ad Product Gallery" href="https://smartclip.tv/ad-product-gallery/" class="dropdown-item" aria-current="page">Ad Product Gallery</a><a title="Technology Partnerships" href="https://smartclip.tv/technology-partnerships/" class="dropdown-item">Technology Partnerships</a></div> </li> <li class="dropdown nav-item"><a title="Broadcasters" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-8581">Broadcasters</a> <div class="dropdown-menu" aria-labelledby="menu-item-dropdown-8581" role="menu"> <a title="Broadcaster Solutions" href="https://smartclip.tv/broadcasters/" class="dropdown-item">Broadcaster Solutions</a><a title="Product Advisory Board" href="https://smartclip.tv/product-advisory-board/" class="dropdown-item">Product Advisory Board</a></div> </li> <li class="nav-item"><a title="Publishers" href="https://smartclip.tv/publishers/" class="nav-link">Publishers</a></li> <li class="dropdown nav-item"><a title="Resources" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-429">Resources</a> <div class="dropdown-menu" aria-labelledby="menu-item-dropdown-429" role="menu"> <a title="Resource Hub" href="https://smartclip.tv/resources/" class="dropdown-item">Resource Hub</a><a title="Adtech Glossary" href="https://smartclip.tv/adtech-glossary/" class="dropdown-item">Adtech Glossary</a></div> </li> <li class="dropdown nav-item"><a title="Careers" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-8582">Careers</a><span class="number">21</span> <div class="dropdown-menu" aria-labelledby="menu-item-dropdown-8582" role="menu"> <a title="Jobs" href="https://smartclip.tv/jobs/" class="dropdown-item">Jobs</a><a title="Culture" href="https://smartclip.tv/culture/" class="dropdown-item">Culture</a><a title="Blog - Life at smartclip" href="/culture/life-at-smartclip-blog/" class="dropdown-item">Blog – Life at smartclip</a></div> </li> <li class="dropdown nav-item"><a title="Company" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="dropdown-toggle nav-link" id="menu-item-dropdown-418">Company</a> <div class="dropdown-menu" aria-labelledby="menu-item-dropdown-418" role="menu"> <a title="About Us" href="https://smartclip.tv/about/" class="dropdown-item">About Us</a><a title="Responsibility" href="https://smartclip.tv/responsibility/" class="dropdown-item">Responsibility</a><a title="Newsroom" href="https://smartclip.tv/newsroom/" class="dropdown-item">Newsroom</a></div> </li> <li class="button_style nav-item"><a title="Contact" href="https://smartclip.tv/contact/" class="nav-link">Contact</a></li> </ul> </div> </nav> </div> </div> </div> </div> <main> <section class="hero_block n-a_ad-product-gallery_" style="background-image:url('https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/Ad-gallery-hero-scaled.jpg');"> <div class="container container_wide"> <div class="row"> <div class="col-lg-12"> <div class="hero_text"> <h1>Powering the <br>most captivating <br>ad formats</h1> </div> </div> </div> </div> <div class="mobile-image" style="background-image:url('https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/Kopie-von-Smartclip-@Sander-1-7.jpg')"></div> <div class="container-fluid f_marquee infiniteslide_wrap"> <div class="swiper-container"> <div class="swiper-wrapper"> </div> </div> </div> </section> <section class="filter-block ad-gallery-filter f_ad-gallery-filter"> <div class="container container_wide"> <div id="filterBox"> <div class="row"> <div class="left-block col-md-12"> <nav class="navigation-list-nav"> <ul class="navigation-list"> <li class="navigation-item"><a href="/ad-product-gallery" class='active' >Europe</a></li> <li class="navigation-item"><a href="https://smartclip.tv/ad-product-gallery/benelux/" class=''>Benelux</a></li> <li class="navigation-item"><a href="https://smartclip.tv/ad-product-gallery/italy/" class=''>Italy</a></li> <li class="navigation-item"><a href="https://smartclip.tv/ad-product-gallery/dach/" class=''>DACH</a></li> <li class="navigation-item"><a href="https://smartclip.tv/ad-product-gallery/nordics/" class=''>Nordics</a></li> </ul> </nav> <div class="filters-block d-none d-md-block"> <ul class="filter-list"> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab_all">All</a></li> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab" data-tab-id="addressable-tv">Addressable TV</a> </li> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab" data-tab-id="connected-tv">Connected TV</a> </li> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab" data-tab-id="in-stream">In-Stream</a> </li> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab" data-tab-id="out-stream">Out-Stream</a> </li> <li class="filter-item"><a href="javascript:void(0);" class="f_gallery_tab" data-tab-id="audio">Audio</a> </li> </ul> </div> </div> </div> </div> </div> </section> <section class="ad-gallery"> <div id="addressable-tv_container" class="ad-gallery-section"> <div id="addressable-tv" class="download-box"> <div class="container container_wide"> <div class="row"> <div class="col-lg-11"> <p class="title">Addressable TV</p> <p class="description">Addressable TV (ATV) ads are display or video ad formats played within linear live or digital environments. Download our ATV Ad Guide to learn more about all ATV ad formats available — including details on playtime, benefits, and technical specifications.</p> <a href="https://smartclip.wpenginepowered.com/wp-content/uploads/2022/12/2024-Ad_Guide_Addressable_TV_Europe_EN.pdf" class="red_btn download" title="DOWNLOAD SPECS" target="_blank">Download specs</a> </div> </div> </div> </div> <div class="image-text-container"> <div class="container container_wide"> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="atv-spot1">Spot</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="switchin-spot1">SwitchIn</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="switchin-bumper1">Bumper</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="atv-spot1_text" > <h2 class="h2 mb-3">ATV Spot</h2> <p class="description">ATV Spot ads are single, addressable video ads delivered into the linear live broadcast stream during the traditional TV commercial break.</p> </div> <div class="text-block f_ad_item_text" id="switchin-spot1_text" style="display: none;" > <h2 class="h2 mb-3">SwitchIn Spot</h2> <p class="description">ATV SwitchIn Spot ads are shown directly after switching to a new channel. The spot is framed by an L-shaped banner with the TV channel branding and a countdown indicating the remaining duration of the spot.</p> </div> <div class="text-block f_ad_item_text" id="switchin-bumper1_text" style="display: none;" > <h2 class="h2 mb-3">SwitchIn Bumper</h2> <p class="description">SwitchIn Bumper ads function like SwitchIn Spot ads, differing only in a shorter play duration. </p> </div> </div> <div class="col text-center image-block tvBlock f_ad_item_video" id="atv-spot1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2024/01/ATV-Spot-smartclip.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="switchin-spot1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-Spot_Whitelabel_Seawave_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="switchin-bumper1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-Bumper_Whitelabel_Aqume_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="switchin-xxl1">XXL</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="switchin-xxl-extended1">XXL Extended</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="switchin-zoom1">Zoom</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="switchin-masthead1">Masthead</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="switchin-xxl1_text" > <h2 class="h2 mb-3">SwitchIn XXL</h2> <p class="description">SwitchIn XXL ads are L-shaped display ad formats that are shown directly after switching into a new channel. They can be static, animated, or interactive.</p> </div> <div class="text-block f_ad_item_text" id="switchin-xxl-extended1_text" style="display: none;" > <h2 class="h2 mb-3">SwitchIn XXL Extended</h2> <p class="description">SwitchIn XXL Extended ads are L-shaped display formats that are shown after switching into a new channel and include a mandatory animation, making them ideal for more complex designs.</p> </div> <div class="text-block f_ad_item_text" id="switchin-zoom1_text" style="display: none;" > <h2 class="h2 mb-3">SwitchIn Zoom</h2> <p class="description">SwitchIn Zoom ads function like SwitchIn XXL ads, differing only in a larger area for branding.</p> </div> <div class="text-block f_ad_item_text" id="switchin-masthead1_text" style="display: none;" > <h2 class="h2 mb-3">SwitchIn Masthead</h2> <p class="description">SwitchIn Masthead ads are exclusive display ads that are shown directly after turning on the TV for the first time that day. The format includes all available features of the classic SwitchIn XXL while offering maximum advertising space.</p> </div> </div> <div class="col text-center image-block tvBlock f_ad_item_video" id="switchin-xxl1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-XXL_Whitelabel_Pizza-Amore_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="switchin-xxl-extended1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-Extended_Whitelabel_Foodie_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="switchin-zoom1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-Zoom_Whitelabel_Cheetah_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="switchin-masthead1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/08/switchIn-masthead-royal-airlines-ad-gallery-website-EU-702x392-smartclip.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="click-to-video1">Click-to-Video</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="click-to-microsite1">Click-to-Microsite</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="click-to-video1_text" > <h2 class="h2 mb-3">Click-to-Video</h2> <p class="description">Click-to-Video ads combine display and video elements, and allow for extended advertising messages by enabling your viewers to interact with your ad via the yellow button. The yellow button field appears on a Switch-In display ad, and by clicking on it, the full video commercial can be viewed.</p> </div> <div class="text-block f_ad_item_text" id="click-to-microsite1_text" style="display: none;" > <h2 class="h2 mb-3">Click-to-Microsite</h2> <p class="description">Click-to-Microsite allows for extended advertising messages by enabling your viewers to interact with your ad via the yellow button. The yellow button field appears on a Switch-In display ad, and by clicking on it, a fully customisable microsite page can be viewed.</p> </div> </div> <div class="col text-center image-block tvBlock f_ad_item_video" id="click-to-video1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/03/Switch-In-Click-to-Video_Whitelabel_Lounge-Bar_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="click-to-microsite1_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/Switch-In-Microsite_Whitelabel_Roastico_Ad-Gallery_702x392.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> <div id="connected-tv_container" class="ad-gallery-section"> <div id="connected-tv" class="download-box"> <div class="container container_wide"> <div class="row"> <div class="col-lg-11"> <p class="title">Connected TV</p> <p class="description">Connected TV (CTV) ads are in-stream video ad formats placed with a publisher’s online video content. Download our Connected TV Ad Guide to learn more about all CTV ad formats available — including details on playtime, benefits, and technical specifications. </p> <a href="" class="red_btn download" title="DOWNLOAD SPECS" target="_blank">Download specs</a> </div> </div> </div> </div> <div class="image-text-container"> <div class="container container_wide"> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="pre-roll2">Pre-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="mid-roll2">Mid-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="post-roll2">Post-Roll</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="pre-roll2_text" > <h2 class="h2 mb-3">Pre-Roll</h2> <p class="description">Pre-Roll video ads stream directly before the publisher’s content begins. </p> </div> <div class="text-block f_ad_item_text" id="mid-roll2_text" style="display: none;" > <h2 class="h2 mb-3">Mid-Roll</h2> <p class="description">Mid-Roll video ads stream in the middle of a publisher’s video content.</p> </div> <div class="text-block f_ad_item_text" id="post-roll2_text" style="display: none;" > <h2 class="h2 mb-3">Post-Roll</h2> <p class="description">Post-Roll video ads stream directly after the publisher’s video content.</p> </div> </div> <div class="col text-center image-block tvBlock f_ad_item_video" id="pre-roll2_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/08/CTV-Pre-Roll_x264-1.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="mid-roll2_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/08/CTV-MId-Roll_x264.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block tvBlock f_ad_item_video" id="post-roll2_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/CTV-Post-Roll-1.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="bumper2">Bumper</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="bumper2_text" > <h2 class="h2 mb-3">Bumper</h2> <p class="description">Bumper video ads are shorter video ads available as Pre-, Mid-, or Post-Rolls.</p> </div> </div> <div class="col text-center image-block tvBlock f_ad_item_video" id="bumper2_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/CTV-Bumper-x720.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> <div id="in-stream_container" class="ad-gallery-section"> <div id="in-stream" class="download-box"> <div class="container container_wide"> <div class="row"> <div class="col-lg-11"> <p class="title">In-Stream</p> <p class="description">In-Stream video ads are placed within a publisher’s online video and app content. Download our In-Stream Video Ad Guide to learn more about all In-Stream ad formats available — including details on playtime, benefits, and technical specifications.</p> <a href="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/08/smartclip_Ad_Guide_In_Stream_Technical_Specifications.pdf" class="red_btn download" title="DOWNLOAD SPECS" target="_blank">Download specs</a> </div> </div> </div> </div> <div class="image-text-container"> <div class="container container_wide"> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="pre-roll3">Pre-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="mid-roll3">Mid-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="post-roll3">Post-Roll</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="pre-roll3_text" > <h2 class="h2 mb-3">Pre-Roll</h2> <p class="description">Pre-Roll video ads stream directly before the publisher’s content begins.</p> </div> <div class="text-block f_ad_item_text" id="mid-roll3_text" style="display: none;" > <h2 class="h2 mb-3">Mid-Roll</h2> <p class="description">Mid-Roll video ads stream in the middle of a publisher’s video content.</p> </div> <div class="text-block f_ad_item_text" id="post-roll3_text" style="display: none;" > <h2 class="h2 mb-3">Post-Roll</h2> <p class="description">Post-Roll video ads stream directly after the publisher’s video content.</p> </div> </div> <div class="col text-center image-block laptopBlock f_ad_item_video" id="pre-roll3_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/06/InStream-PreRoll-Pandora_600.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block laptopBlock f_ad_item_video" id="mid-roll3_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/InStream-MidRoll-Desktop-600.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block laptopBlock f_ad_item_video" id="post-roll3_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/InStream-PostRoll-Desktop-600.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="bumper3">Bumper</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="bumper3_text" > <h2 class="h2 mb-3">Bumper</h2> <p class="description">Bumper video ads are shorter video ads available as Pre-, Mid-, or Post-Rolls.</p> </div> </div> <div class="col text-center image-block laptopBlock f_ad_item_video" id="bumper3_video"> <div class="video-wrapper"> <video playsinline muted loop> <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/InStream-PreRoll-Bumper-Ad_PlayStation-600.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> <div id="out-stream_container" class="ad-gallery-section"> <div id="out-stream" class="download-box"> <div class="container container_wide"> <div class="row"> <div class="col-lg-11"> <p class="title">Out-Stream</p> <p class="description">Out-Stream video ads are played automatically in a format player when a user scrolls down to a certain point in a publisher’s text content. Download our Out-Stream Video Ad Guide to learn more about all Out-Stream ad formats — including details on playtime, benefits, and technical specifications. </p> <a href="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/08/smartclip_Ad_Guide_Out_Stream_Technical_Specifications.pdf" class="red_btn download" title="DOWNLOAD SPECS" target="_blank">Download specs</a> </div> </div> </div> </div> <div class="image-text-container"> <div class="container container_wide"> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="in-text-landscape4">Landscape</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-square-4">Square</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-vertical4">Vertical</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="in-text-landscape4_text" > <h2 class="h2 mb-3">In-Text Landscape</h2> <p class="description">In-Text Landscape ads are embedded directly within the body of a publisher’s text article within landscape-shaped placements. </p> </div> <div class="text-block f_ad_item_text" id="in-text-square-4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Square </h2> <p class="description">In-Text Square ads are embedded directly within the body of a publisher’s text article within square-shaped placements. </p> </div> <div class="text-block f_ad_item_text" id="in-text-vertical4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Vertical</h2> <p class="description">In-Text Vertical ads are embedded directly within the body of a publisher’s text article within ad placements that span the full height of the screen.</p> </div> </div> <div class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-landscape4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/03/OutStream-In-Text_Italy-Luisa-Via-Roma-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-square-4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Square-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-vertical4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Vertical-322.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="in-text-inswipe4">InSwipe</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-branded-activation4">Branded Activation</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-interactive4">Interactive</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-choose4">Choose</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="in-text-inswipe4_text" > <h2 class="h2 mb-3">In-Text InSwipe</h2> <p class="description">In-Text InSwipe ads are landscape video ads that remain sticky on the top third of the page on mobile when the user scrolls past 50% of the original ad placement.</p> </div> <div class="text-block f_ad_item_text" id="in-text-branded-activation4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Branded Activation</h2> <p class="description">In-Text Branded Activation ads create a frame around a landscape, square, or vertical video ad, enabling advertisers to customise components of the media player with branded design and a call to action.</p> </div> <div class="text-block f_ad_item_text" id="in-text-interactive4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Interactive</h2> <p class="description">In-Text Interactive ads create a partial frame around a landscape or square video ad, enabling advertisers to customise their video ads with animated graphic elements and/or multiple click-throughs.</p> </div> <div class="text-block f_ad_item_text" id="in-text-choose4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Choose</h2> <p class="description">In-Text Choose ads are landscape or responsive video ads that offer viewers the option to choose which video ad to view from a selection of spots. </p> </div> </div> <div class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-inswipe4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-In-Swipe-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-branded-activation4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Branded-Activation-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-interactive4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Interactive-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-choose4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/08/OutStream-In-Text-Choose-square.mp4" type="video/mp4"> </video> </div> </div> </div> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="in-text-dynamic4">Dynamic</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-slideshow4">Slideshow</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-carousel4">Carousel</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="in-text-parallax4">Parallax</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="in-text-dynamic4_text" > <h2 class="h2 mb-3">In-Text Dynamic</h2> <p class="description">In-Text Dynamic ads are landscape or vertical ads that change creatives in order to create personalised ad experiences based on personal interest and/or location. </p> </div> <div class="text-block f_ad_item_text" id="in-text-slideshow4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Slideshow</h2> <p class="description">In-Text Slideshow ads are landscape, square, or vertical video ads that offer advertisers a budget-friendly way to use image-only ad creatives in a video-like gallery.</p> </div> <div class="text-block f_ad_item_text" id="in-text-carousel4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Carousel</h2> <p class="description">In-Text Carousel ads are landscape or vertical video ads that enable advertisers to showcase up to eight interactive images that are linked to individual landing pages.</p> </div> <div class="text-block f_ad_item_text" id="in-text-parallax4_text" style="display: none;" > <h2 class="h2 mb-3">In-Text Parallax</h2> <p class="description">In-Text Parallax ads are shown in landscape or vertical placements and are composed of one main image that is gradually shown across the entire display as viewers scroll. Available as video or static, non-video format. </p> </div> </div> <div class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-dynamic4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/08.OutStream-In-Text-Dynamic-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-slideshow4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Square-Slideshow-man-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-carousel4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/02/OutStream-In-Text-Carousel-Vertical-322.mp4" type="video/mp4"> </video> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="in-text-parallax4_video" style=""> <div class="video-wrapper"> <video class="audio" autoplay playsinline muted loop > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2021/08/OutStream-In-Text-Parallax.mp4" type="video/mp4"> </video> </div> </div> </div> </div> </div> </div> <div id="audio_container" class="ad-gallery-section"> <div id="audio" class="download-box"> <div class="container container_wide"> <div class="row"> <div class="col-lg-11"> <p class="title">Audio</p> <p class="description">Audio ads are placed in digital audio content streams and downloads. Download our Audio Ad Guide to learn more about all Audio ad formats available — including details on playtime, benefits, and technical specifications.</p> <a href="" class="red_btn download" title="DOWNLOAD SPECS" target="_blank">Download specs</a> </div> </div> </div> </div> <div class="image-text-container"> <div class="container container_wide"> <div class="row text-image f_block"> <div class="col text-col has-category"> <div class="filters-block"> <ul class="filter-list"> <li><a href="javascript:void(0)" class="f_item_filter active" data-item-id="pre-roll5">Pre-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="mid-roll5">Mid-Roll</a> </li> <li><a href="javascript:void(0)" class="f_item_filter " data-item-id="post-roll5">Post-Roll</a> </li> </ul> </div> <div class="text-block f_ad_item_text" id="pre-roll5_text" > <h2 class="h2 mb-3">Pre-Roll</h2> <p class="description">Pre-Roll audio ads stream directly before the publisher’s digital audio content begins. </p> </div> <div class="text-block f_ad_item_text" id="mid-roll5_text" style="display: none;" > <h2 class="h2 mb-3">Mid-Roll</h2> <p class="description">Mid-Roll audio ads stream in the middle of a publisher’s digital audio content.</p> </div> <div class="text-block f_ad_item_text" id="post-roll5_text" style="display: none;" > <h2 class="h2 mb-3">Post-Roll</h2> <p class="description">Post-Roll audio ads stream directly after the publisher’s digital audio content.</p> </div> </div> <div class="col text-center image-block mobileBlock f_ad_item_video" id="pre-roll5_video" style=""> <div class="video-wrapper-with-controls intrinsic-ignore"> <video class="audio" autoplay playsinline muted > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/audio-pre-roll-finalx720.mp4" type="video/mp4"> </video> <a class="play-audio" href="javascript:void(0)"></a> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="mid-roll5_video" style=""> <div class="video-wrapper-with-controls intrinsic-ignore"> <video class="audio" autoplay playsinline muted > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/final-audio-midroll-v03-1.mp4" type="video/mp4"> </video> <a class="play-audio" href="javascript:void(0)"></a> </div> </div> <div style="display: none;" class="col text-center image-block mobileBlock f_ad_item_video" id="post-roll5_video" style=""> <div class="video-wrapper-with-controls intrinsic-ignore"> <video class="audio" autoplay playsinline muted > <source src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/07/audio-post-roll-finalx720.mp4" type="video/mp4"> </video> <a class="play-audio" href="javascript:void(0)"></a> </div> </div> </div> </div> </div> </div> </section> </main> <footer id="footer" class="footer-main "> <div class="container container_wide"> <div class="row footer_top"> <div class="col-md-6"> <h2>Let’s talk.</h2> <div class="ft_button"> <a target="" href="https://smartclip.tv/contact/" class="red_btn">Contact us</a> </div> </div> <div class="col-6 d-none d-md-block"></div> </div> <div class="row"> <div class="col-3 col-md-3 d-none d-md-block order-3 order-md-1"> <img width="63" height="76" src="https://smartclip.wpenginepowered.com/wp-content/uploads/2023/08/Frame-1261159303.png" class="footer-logo" alt=""> </div> <div class="col-12 col-md-6 widget_column-wrap order-2 order-md-2"> <div class="row"> <div class="col-6"> <div class="widget_column"> <div class="footer_widget" id="nav_menu-3"><h4>Advertising Technology</h4><div class="menu-advertising-technology-container"><ul id="menu-advertising-technology" class="menu"><li id="menu-item-9619" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9619"><a href="https://smartclip.tv/smartx/">smartx Adserver & SSP</a></li> <li id="menu-item-9620" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-117 current_page_item menu-item-9620"><a href="https://smartclip.tv/ad-product-gallery/" aria-current="page">Ad Product Gallery</a></li> <li id="menu-item-9621" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9621"><a href="https://smartclip.tv/technology-partnerships/">Technology Partnerships</a></li> </ul></div></div><div class="footer_widget" id="nav_menu-4"><h4>Broadcaster Solutions</h4><div class="menu-broadcaster-solutions-container"><ul id="menu-broadcaster-solutions" class="menu"><li id="menu-item-9623" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9623"><a href="https://smartclip.tv/broadcasters/">Broadcaster Solutions</a></li> <li id="menu-item-9624" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9624"><a href="https://smartclip.tv/product-advisory-board/">Product Advisory Board</a></li> </ul></div></div><div class="footer_widget" id="nav_menu-6"><h4>Publisher Solutions</h4><div class="menu-publisher-solutions-container"><ul id="menu-publisher-solutions" class="menu"><li id="menu-item-9625" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9625"><a href="https://smartclip.tv/publishers/">Monetise Your Inventory</a></li> </ul></div></div> </div> </div> <div class="col-6"> <div class="widget_column"> <div class="footer_widget" id="nav_menu-7"><h4>About smartclip</h4><div class="menu-about-smartclip-container"><ul id="menu-about-smartclip" class="menu"><li id="menu-item-9626" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9626"><a href="https://smartclip.tv/about/">Who Are We?</a></li> <li id="menu-item-9627" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9627"><a href="https://smartclip.tv/responsibility/">Responsibility</a></li> <li id="menu-item-9628" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9628"><a href="https://smartclip.tv/jobs/">Jobs</a></li> <li id="menu-item-9629" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9629"><a href="https://smartclip.tv/culture/">Culture</a></li> </ul></div></div><div class="footer_widget" id="nav_menu-8"><h4>News & Resources</h4><div class="menu-news-resources-container"><ul id="menu-news-resources" class="menu"><li id="menu-item-9631" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9631"><a href="https://smartclip.tv/newsroom/">Newsroom</a></li> <li id="menu-item-9632" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9632"><a href="https://smartclip.tv/resources/">Resource Hub</a></li> <li id="menu-item-9633" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9633"><a href="https://smartclip.tv/adtech-glossary/">Adtech Glossary</a></li> </ul></div></div> </div> </div> </div> </div> <div class="col-12 col-md-3 mt-md-1 subscribe order-1 order-md-3"> <h3>Stay up to date</h3> <p>Receive all the latest industry insights straight to your inbox</p> <a href="https://smartclip.tv/subscribe/" class="red_btn">Subscribe</a> </div> </div> <div class="row last"> <div class="line"></div> <div class="col-6 col-md-4 order-2 offset-md-3 ml-md-0"> <nav class="nav justify-content-left nav-social"> <a class="nav-link" target="_blank" href="https://www.linkedin.com/company/smartclip" aria-label="LinkedIn"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M23 0H1C0.4 0 0 0.4 0 1V23C0 23.6 0.4 24 1 24H23C23.6 24 24 23.6 24 23V1C24 0.4 23.6 0 23 0ZM7.1 20.5H3.6V9H7.2V20.5H7.1ZM5.3 7.4C4.2 7.4 3.2 6.5 3.2 5.3C3.2 4.2 4.1 3.2 5.3 3.2C6.4 3.2 7.4 4.1 7.4 5.3C7.4 6.5 6.5 7.4 5.3 7.4ZM20.5 20.5H16.9V14.9C16.9 13.6 16.9 11.9 15.1 11.9C13.2 11.9 13 13.3 13 14.8V20.5H9.4V9H12.8V10.6C13.3 9.7 14.4 8.8 16.2 8.8C19.8 8.8 20.5 11.2 20.5 14.3V20.5Z" fill="white"/> </svg> </a> <a class="nav-link" target="_blank" href="https://vimeo.com/smartclip" aria-label="Vimeo"> <svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M24 5.40014C23.9 7.70014 22.3 10.9001 19.1 15.0001C15.8 19.2001 13.1 21.4001 10.8 21.4001C9.4 21.4001 8.2 20.1001 7.2 17.5001C6.6 15.1001 5.9 12.8001 5.3 10.4001C4.6 7.80014 3.8 6.50013 3 6.50013C2.8 6.50013 2.2 6.90014 1.1 7.60014L0 6.20013C1.2 5.20013 2.4 4.10014 3.5 3.10014C5.1 1.70014 6.3 1.00014 7.1 0.900135C9 0.700135 10.1 2.00013 10.5 4.70013C11 7.60013 11.3 9.50014 11.5 10.2001C12 12.6001 12.6 13.9001 13.3 13.9001C13.8 13.9001 14.6 13.1001 15.6 11.5001C16.6 9.90014 17.1 8.70013 17.2 7.90013C17.3 6.50013 16.8 5.80014 15.6 5.80014C15 5.80014 14.4 5.90013 13.8 6.20013C15 2.30013 17.2 0.500135 20.6 0.600135C23 0.700135 24.1 2.30014 24 5.40014Z" fill="white"/> </svg> </a> <a class="nav-link" target="_blank" href="https://www.instagram.com/smartclip.europe/" aria-label="Instagram"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.9997 11.3698C16.1231 12.2021 15.981 13.052 15.5935 13.7988C15.206 14.5456 14.5929 15.1512 13.8413 15.5295C13.0898 15.9077 12.2382 16.0394 11.4075 15.9057C10.5768 15.7721 9.80947 15.3799 9.21455 14.785C8.61962 14.1901 8.22744 13.4227 8.09377 12.592C7.96011 11.7614 8.09177 10.9097 8.47003 10.1582C8.84829 9.40667 9.45389 8.79355 10.2007 8.40605C10.9475 8.01856 11.7975 7.8764 12.6297 7.99981C13.4786 8.1257 14.2646 8.52128 14.8714 9.12812C15.4782 9.73496 15.8738 10.5209 15.9997 11.3698Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.5 6.5H17.51" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </a> </nav> </div> <div class="col-6 col-md-8 order-1"> <p class="copyright"> <span class="rights d-none d-md-inline">© 2024<a href="https://smartclip.tv/">smartclip</a></span> <span class=" d-none d-md-inline">All rights reserved.</span> <span class="links"> <a href="/privacy">Privacy Policy</a> <a href="/disclaimer">Disclaimer</a> <a target="_blank" rel="noopener" href="http://smartclip.wpenginepowered.com/wp-content/uploads/2023/08/Terms-Conditions-smartclip.pdf">Terms & Conditions</a> </span> </p> </div> <div class="col-12 d-block d-md-none order-3 mt-5"> <p class="copyright"> <span class="rights">© 2024<a href="https://smartclip.tv/">smartclip</a></span> <span>All rights reserved.</span> </p> </div> </div> </div> <canvas class="bg_gradient"></canvas> </footer> <style> :host .privacyButton>button { background-color: #000 !important; } .poweredBy{display:none} #uc-main-dialog{display:none} .scrolled uc-main-dialog{display:flex} @media (max-width: 480px) { #uc-main-dialog{display:none !important;} } .contact_form .screen-reader-response {display: none !important;} .contact_form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {width: 100%; margin-top: 0.25rem; font-size: 0.8125rem; line-height: 0.8125rem; color: #E4002B;} </style> <script> // Create a new MutationObserver instance const observer = new MutationObserver((mutationsList) => { mutationsList.forEach((mutation) => { mutation.addedNodes.forEach((node) => { // Check if the added node is an element and has a shadowRoot if (node.nodeType === 1 && node.shadowRoot) { console.log('ShadowRoot detected:', node); } }); }); }); // Start observing the entire document body for child node additions observer.observe(document.body, { childList: true, // Observe direct children of the body subtree: true, // Observe all descendants as well }); // You can disconnect the observer later if needed: // observer.disconnect(); </script> <script type="text/javascript"> document.addEventListener("DOMContentLoaded", function() { let kchat_settings = {"user_id":"kognetiks_6746c0f5122e55.06860913","page_id":117,"session_id":"kognetiks_6746c0f5122e55.06860913","thread_id":null,"assistant_id":null,"additional_instructions":null,"model":null,"voice":"alloy","chatbot_chatgpt_message_limit_setting":"999","chatbot_chatgpt_display_style":null,"chatbot_chatgpt_version":"2.1.2","plugins_url":"https:\/\/smartclip.tv\/wp-content\/plugins\/chatbot-chatgpt\/","ajax_url":"https:\/\/smartclip.tv\/wp-admin\/admin-ajax.php","chatbot_chatgpt_timeout_setting":"60","chatbot_chatgpt_avatar_icon_setting":"icon-000.png","chatbot_chatgpt_custom_avatar_icon_setting":"","chatbot_chatgpt_avatar_greeting_setting":"Howdy!!! Great to see you today! How can I help you?","chatbot_chatgpt_force_page_reload":"No","chatbot_chatgpt_custom_error_message":"Your custom error message goes here."}; if (kchat_settings && typeof kchat_settings === "object") { // Resolve LocalStorage - Ver 2.1.1.1 const includeKeys = [ 'chatbot_chatgpt_last_reset', 'chatbot_chatgpt_message_count', 'chatbot_chatgpt_message_limit_setting', 'chatbot_chatgpt_start_status', 'chatbot_chatgpt_start_status_new_visitor', 'chatbot_chatgpt_opened', 'chatbot_chatgpt_last_reset' ]; Object.keys(kchat_settings).forEach(function(key) { if (includeKeys.includes(key)) { localStorage.setItem(key, kchat_settings[key]); // DiAG - Ver 2.1.1.1 // console.log("Chatbot: NOTICE: chatbot-shortcode.php - Key: " + key + " Value: " + kchat_settings[key]); } }); // Dispatch custom event after setting localStorage keys document.dispatchEvent(new Event('kchat_settingsSet')); } }); </script> <style> #chatbot-chatgpt { background: #ffffff !important; color: #ffffff !important; } .chatbot-bubble { background: #ffffff !important; color: #ffffff !important; .chatbot-floating-style { background: #ffffff !important; } .chatbot-embedded-style { background: #ffffff !important; } #chatbot-chatgpt-submit { background-color: #ffffff !important; } #chatbot-chatgpt-upload-file { background-color: #ffffff !important; } #chatbot-chatgpt-erase-btn { background-color: #ffffff !important; } #chatbot-chatgpt-text-to-speech-btn { background-color: #ffffff !important; } #chatbot-chatgpt-download-transcript-btn { background-color: #ffffff !important; } #chatbot-chatgpt-header { background-color: #ffffff !important; } #chatbot-chatgpt-header-embedded { background-color: #ffffff !important; } .chatbot-user-text { background-color: #ffffff !important; color: #0a0a0a !important; } .chatbot-bot-text { background-color: #ffffff !important; color: #0a0a0a !important; } .chatbot-typing-dot { color: #0a0a0a !important; } .chatbot-chatgpt-custom-button-class { color: #0a0a0a !important; } .chatbot-typing-indicator { background-color: #ffffff !important; color: #0a0a0a !important; } #chatbot-chatgpt-title.title { color: #000000 !important; } .chatbot-wide { width: 384px !important; } #chatbot-chatgpt.wide { width: 384px !important; } .chatbot-narrow { width: 384px !important; } #chatbot-chatgpt.narrow { width: 384px !important; } .chatbot-image-width { width: 80% !important; } #chatbot-chatgpt.image-width { width: 80% !important; } </style> <script type="text/javascript"> // Function to send custom GA event function sendCustomGAEvent(eventCategory, eventAction, eventLabel, eventValue) { gtag('event', eventAction, { 'event_category': eventCategory, 'event_label': eventLabel, 'value': eventValue }); } function glossaryFetch(){ jQuery.ajax({ url: 'https://smartclip.tv/wp-admin/admin-ajax.php', type: 'post', data: { action: 'data_fetch', keyword: jQuery('#keyword').val() }, success: function(data) { if(data && data != '') { jQuery('.glossary-articles').html( data ); document.body.classList.remove('not_found'); if(jQuery('#keyword').val() != '') { document.body.classList.add('search_results'); sendCustomGAEvent('Glossary', 'Search', jQuery('#keyword').val(), 0); } else { document.body.classList.remove('search_results'); } } else { jQuery('.glossary-articles').html('<h4><strong>Oops! We couldn\'t find any matches</strong></h4><p>Try a new search or browse our most recent publications below.</p>'); document.body.classList.remove('search_results'); if(jQuery('#keyword').val() != '') { document.body.classList.add('not_found'); } else { document.body.classList.remove('not_found'); } } var D = []; jQuery(".page-glossary_content--items-group").each(function() { D.push(jQuery(this).attr("data-letter")) }); jQuery(".page-glossary_content--nav_rangeslider").find(".noUi-pips").find(".noUi-value.noUi-value-large").each(function() { var e = jQuery(this).html().toLowerCase(); jQuery(this).removeClass("is-disabled"); jQuery(this).attr("data-letter", e), D.includes(e) || jQuery(this).addClass("is-disabled"); }); } }); } // Event listener for .noUi-value clicks jQuery(document).ready(function() { jQuery('.noUi-value').on('click', function() { var clickedLetter = jQuery(this).html(); sendCustomGAEvent('Glossary', 'Anchor Click', clickedLetter, 0); }); }); </script> <script id="chatbot-chatgpt-js-js-before"> if (typeof kchat_settings === "undefined") { var kchat_settings = {"user_id":"kognetiks_6746c0f5122e55.06860913","page_id":117,"session_id":"kognetiks_6746c0f5122e55.06860913","thread_id":null,"assistant_id":null,"additional_instructions":null,"model":null,"voice":"alloy","chatbot_chatgpt_message_limit_setting":"999","chatbot_chatgpt_display_style":null,"chatbot_chatgpt_version":"2.1.2","plugins_url":"https:\/\/smartclip.tv\/wp-content\/plugins\/chatbot-chatgpt\/","ajax_url":"https:\/\/smartclip.tv\/wp-admin\/admin-ajax.php","chatbot_chatgpt_timeout_setting":"60","chatbot_chatgpt_avatar_icon_setting":"icon-000.png","chatbot_chatgpt_custom_avatar_icon_setting":"","chatbot_chatgpt_avatar_greeting_setting":"Howdy!!! Great to see you today! How can I help you?","chatbot_chatgpt_force_page_reload":"No","chatbot_chatgpt_custom_error_message":"Your custom error message goes here."}; } else { kchat_settings = {"user_id":"kognetiks_6746c0f5122e55.06860913","page_id":117,"session_id":"kognetiks_6746c0f5122e55.06860913","thread_id":null,"assistant_id":null,"additional_instructions":null,"model":null,"voice":"alloy","chatbot_chatgpt_message_limit_setting":"999","chatbot_chatgpt_display_style":null,"chatbot_chatgpt_version":"2.1.2","plugins_url":"https:\/\/smartclip.tv\/wp-content\/plugins\/chatbot-chatgpt\/","ajax_url":"https:\/\/smartclip.tv\/wp-admin\/admin-ajax.php","chatbot_chatgpt_timeout_setting":"60","chatbot_chatgpt_avatar_icon_setting":"icon-000.png","chatbot_chatgpt_custom_avatar_icon_setting":"","chatbot_chatgpt_avatar_greeting_setting":"Howdy!!! Great to see you today! How can I help you?","chatbot_chatgpt_force_page_reload":"No","chatbot_chatgpt_custom_error_message":"Your custom error message goes here."}; } </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/chatbot-chatgpt/assets/js/chatbot-chatgpt.js?ver=2.1.2" id="chatbot-chatgpt-js-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/chatbot-chatgpt/assets/js/purify.min.js?ver=2.1.2" id="dompurify-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=5.9.6" id="swv-js"></script> <script id="contact-form-7-js-extra"> var wpcf7 = {"api":{"root":"https:\/\/smartclip.tv\/wp-json\/","namespace":"contact-form-7\/v1"},"cached":"1"}; </script> <script id="contact-form-7-js-before"> wpcf7.cached = 0; </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=5.9.6" id="contact-form-7-js"></script> <script id="Smartclip-js-js-extra"> var OBJ = {"ajaxurl":"https:\/\/smartclip.tv\/wp-admin\/admin-ajax.php"}; </script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/Smartclip.js?ver=1732690165" id="Smartclip-js-js" async></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/nouislider.min.js?ver=1732690165" id="nouislider-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/glossary.js?ver=1732690165" id="glossary-js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/page-links-to/dist/new-tab.js?ver=3.3.7" id="page-links-to-js"></script> <script id="q2w3_fixed_widget-js-extra"> var q2w3_sidebar_options = [{"sidebar":"sidebar","use_sticky_position":false,"margin_top":120,"margin_bottom":0,"stop_elements_selectors":"end-sticky","screen_max_width":0,"screen_max_height":0,"widgets":["#ezw_tco-4"]}]; </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.2.3" id="q2w3_fixed_widget-js"></script> <script id="heateor_sss_sharing_js-js-before"> function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://smartclip.tv/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://smartclip.tv/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://smartclip.tv/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")} </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.64" id="heateor_sss_sharing_js-js"></script> <script id="wpcf7cf-scripts-js-extra"> var wpcf7cf_global_settings = {"ajaxurl":"https:\/\/smartclip.tv\/wp-admin\/admin-ajax.php"}; </script> <script src="https://smartclip.wpenginepowered.com/wp-content/plugins/cf7-conditional-fields/js/scripts.js?ver=2.3.10" id="wpcf7cf-scripts-js"></script> <script> /(trident|msie)/i.test(navigator.userAgent) && document.getElementById && window.addEventListener && window.addEventListener("hashchange", function () { var t, e = location.hash.substring(1); /^[A-z0-9_-]+$/.test(e) && (t = document.getElementById(e)) && (/^(?:a|select|input|button|textarea)$/i.test(t.tagName) || (t.tabIndex = -1), t.focus()) }, !1); </script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/bootstrap/Popper.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/bootstrap/bootstrap.min.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/scss/lib/bootstrap-select/dist/js/bootstrap-select.min.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/jquery.stickybits.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/slick.min.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/masonry.pkgd.min.js"></script> <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/jquery.marquee.min.js"></script> <script src="https://unpkg.com/typed.js@2.0.16/dist/typed.umd.js"></script> <script> (() => { if (document.querySelector('.hero_block .anim-words')) { var words = document.querySelector('.hero_block .anim-words').dataset.words.split(',') var typed = new Typed('.hero_block .anim-words', { strings: words, loop: true, showCursor: false, typeSpeed: 150, smartBackspace: true, backSpeed: 100, backDelay: 1000, }); } var offs = 400 if (window.innerWidth < 768) { offs = 200 } $.fn.isInViewport = function() { var elementTop = $(this).offset().top; var elementBottom = elementTop + $(this).outerHeight(); var viewportTop = $(window).scrollTop() - offs; var viewportBottom = viewportTop + $(window).height(); return elementBottom > viewportTop && elementTop < viewportBottom; }; var divs = document.querySelectorAll('.animated_text h2 p span') function addClassToDivs(index) { if (index >= divs.length) { return; // Exit the function when all divs have been processed } divs[index].classList.add('active'); index++; setTimeout(() => { addClassToDivs(index); // Call the function recursively after a delay }, 240); // Change the delay (in milliseconds) if needed } document.addEventListener('scroll', function () { if($('section.banner_block.animated_text .banner_text').length > 0 && $('section.banner_block.animated_text .banner_text').isInViewport()) { addClassToDivs(0); } }, {passive: true}) })() </script> <script> if (document.querySelectorAll('.last-word')[0]) { function assignTransition() { document.querySelectorAll('.last-word')[0].addEventListener('transitionend', handleTransition); } function handleTransition(){ var container = document.getElementById("animator"); var spanToMove = document.querySelectorAll('.last-word')[0]; spanToMove.removeEventListener('transitionend', handleTransition); spanToMove.remove(); if (!spanToMove.classList.contains("placeholder")) { container.appendChild(spanToMove); } setTimeout(startanimation,2000); } function startanimation(){ console.log('timeoutstart'); assignTransition(); document.querySelectorAll('.last-word')[0].classList.remove('active'); document.querySelectorAll('.last-word')[1].classList.add('active'); } setTimeout(startanimation,0); } </script>  <script src="https://smartclip.wpenginepowered.com/wp-content/themes/smartclip-new/assets/js/lib/stripe-gradient.js"></script> <script type='text/javascript' src='https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js' id='essentials-jsdelivr-js-js'></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.1/lity.min.js" integrity="sha512-UU0D/t+4/SgJpOeBYkY+lG16MaNF8aqmermRIz8dlmQhOlBnw6iQrnt4Ijty513WB3w+q4JO75IX03lDj6qQNA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>  <script type="text/javascript"> (function($){ $(function(){ $.fn.infiniteslide = function(options){ //option var settings = $.extend({ 'speed': 100, 'direction': 'left', 'pauseonhover': true, 'pauseonclick': true, 'responsive': false, 'clone': 1 },options); var setCss = function(obj,direction){ $(obj).wrap('<div class="infiniteslide_wrap"></div>').parent().css({ overflow: 'hidden' }); if(direction == 'up' || direction == 'down'){ var d = 'column'; } else { var d = 'row'; } $(obj).css({ display: 'flex', flexWrap: 'nowrap', alignItems: 'center', '-ms-flex-align': 'center', flexDirection: d }).children().css({ flex: 'none', display: 'block' }); } var setClone = function(obj,clone){ var $clone = $(obj).children().clone().addClass('infiniteslide_clone'); i = 1; while(i <= clone){ $clone.clone().appendTo($(obj)); i++; } } var getWidth = function(obj){ w = 0; $(obj).children(':not(.infiniteslide_clone)').each(function(key,value){ w = w + $(this).outerWidth(true); }); return w; } var getHeight = function(obj){ h = 0; $(obj).children(':not(.infiniteslide_clone)').each(function(key,value){ h = h + $(this).outerHeight(true); }); return h; } var getSpeed = function(l,s){ return l / s; } var getNum = function(obj,direction){ if(direction == 'up' || direction == 'down'){ var num = getHeight(obj); } else { var num = getWidth(obj); } return num; } var getTranslate = function(num,direction){ if(direction == 'up' || direction == 'down'){ var i = '0,-' + num + 'px,0'; } else { var i = '-' + num + 'px,0,0'; } return i; } var setAnim = function(obj,id,direction,speed){ var num = getNum(obj,direction); if(direction == 'up' || direction == 'down'){ $(obj).parent('.infiniteslide_wrap').css({ height: num + 'px' }); } var i = getTranslate(num,direction); $(obj).attr('data-style','infiniteslide' + id); var css = '@keyframes infiniteslide' + id + '{' + 'from {transform:translate3d(0,0,0);}' + 'to {transform:translate3d(' + i + ');}' + '}'; $('<style />').attr('id','infiniteslide' + id + '_style') .html(css) .appendTo('head'); if(direction == 'right' || direction == 'down'){ var reverse = ' reverse'; } else { var reverse = ''; } $(obj).css({ animation: 'infiniteslide' + id + ' ' + getSpeed(num,speed) + 's linear 0s infinite' + reverse }); } var setStop = function(obj){ $(obj).on('mouseenter',function(){ $(this).css({ animationPlayState: 'paused' }); }).on('mouseleave',function(){ $(this).css({ animationPlayState: 'running' }); }); } var clickStop = function(obj){ $(obj).on('click',function(){ var state = $(this).css("animationPlayState"); if(state === 'paused') { $(this).css({ animationPlayState: 'running' }); } else { $(this).css({ animationPlayState: 'paused' }); } }); } var setResponsive = function(obj,direction){ var num = getNum(obj,direction); var i = getTranslate(num,direction); return i; }; return this.each(function(key,value){ var $this = $(this); var num = Date.now() + Math.floor(10000*Math.random()).toString(16); if(settings.pauseonhover == true){ setStop($this); } if(settings.pauseonclick == true) { clickStop($this); } $(window).on('load',function(){ setCss($this,settings.direction); setClone($this,settings.clone); setAnim($this,num,settings.direction,settings.speed); if(settings.responsive){ $(window).on('resize',function(){ var i = setResponsive($this,settings.direction); var styleid = $this.attr('data-style'); var stylehtml = $('#' + styleid + '_style').html(); var stylehtml_new = stylehtml.replace(/to {transform:translate3d$(.*?)$/,'to {transform:translate3d(' + i + ')'); $('#' + styleid + '_style').html(stylehtml_new); }); } }); }); } }); })(jQuery); </script> <script type="text/javascript"> jQuery(document).ready(function () { var $ = jQuery; initNuberAnimationEffect(); if(navigator.platform.match('Mac') !== null || iOS()) { document.body.setAttribute('class', document.body.className +' macos'); } /* $('.selectpicker').selectpicker('setStyle', 'btn-light', 'remove'); $('.selectpicker').selectpicker('setStyle', 'btn', 'remove'); $('.selectpicker').selectpicker('setStyle', 'form-control', 'add'); if( /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ) { $('.selectpicker').selectpicker('mobile'); }*/ $('.stickynav').stickybits({ useStickyClasses: true, }); var $root = $('html, body'); let scrollPos = window.scrollY; const addClassOnScroll = () => { document.body.classList.add('scrolled'); }; const removeClassOnScroll = () => { document.body.classList.remove('scrolled'); }; scrollPos >= window.innerHeight - 85 ? addClassOnScroll() : removeClassOnScroll(); window.addEventListener('scroll', function () { scrollPos = window.scrollY; scrollPos >= window.innerHeight - 85 ? addClassOnScroll() : removeClassOnScroll(); }); let accCards = document.querySelectorAll('.accordion .card .card-header') if (accCards) { accCards.forEach(item => { item.addEventListener('click', (e) => { if (item.parentElement.classList.contains('high')) { item.parentElement.classList.remove('high') } else { accCards.forEach(item => item.parentElement.classList.remove('high')) item.parentElement.classList.add('high') } }) }) } let podcast = document.querySelector('.podcasts_block') if (podcast) { console.log(podcast.querySelectorAll('.swiper-slide').length) let podcastSlider = new Swiper(podcast.querySelector('.swiper-container'), { slidesPerView: 3, spaceBetween: 48, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, speed: 800, // allowTouchMove: false, navigation: { nextEl: podcast.querySelector('.swiper-button.next'), prevEl: podcast.querySelector('.swiper-button.prev'), }, breakpoints: { 0: { slidesPerView: 'auto', spaceBetween: 24 }, 768: { slidesPerView: 2, spaceBetween: 24 }, 1200: { slidesPerView: 3, spaceBetween: 48 } } }) } let prevEvents = document.querySelectorAll('.previous_events') if (prevEvents) { [].forEach.call(prevEvents, function(prevEvent) { console.log(prevEvent.querySelectorAll('.swiper-slide').length) let podcastSlider = new Swiper(prevEvent.querySelector('.swiper-container'), { slidesPerView: 3, spaceBetween: 24, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, speed: 800, // allowTouchMove: false, navigation: { nextEl: prevEvent.querySelector('.swiper-button.next'), prevEl: prevEvent.querySelector('.swiper-button.prev'), }, breakpoints: { 0: { slidesPerView: 'auto', spaceBetween: 24, navigation: { nextEl: prevEvent.querySelector('.p_navigation--mob .swiper-button.next'), prevEl: prevEvent.querySelector('.p_navigation--mob .swiper-button.prev'), }, }, 768: { slidesPerView: 2, spaceBetween: 24, navigation: { nextEl: prevEvent.querySelector('.swiper-button.next'), prevEl: prevEvent.querySelector('.swiper-button.prev'), }, }, 992: { slidesPerView: 3, spaceBetween: 30, }, 1200: { spaceBetween: 48, } } }) }); } $('.testimonials-slider').slick({ dots: true, infinite: true, adaptiveHeight: true }); /* NEW */ // if ($('.hero_block .bg_gradient').length > 0) { // $('.hero_block .bg_gradient').gradient({ // colors: ['#b465f2','#7f78fc','#39fbfb'], // density: [.06, .16], // angle: 0, // amplitude: 320, // }); // } // if ($('.footer-main .bg_gradient').length > 0) { // $('.footer-main .bg_gradient').gradient({ // colors: ['#b465f2','#7f78fc','#39fbfb'], // density: [.06, .16], // angle: 0, // amplitude: 320, // }); // } const numbersBlock = document.querySelector('.element-with-numbers_slider') if (numbersBlock) { let numbersSwiper = new Swiper(numbersBlock.querySelector('.swiper-container'), { speed: 800, slidesPerView: 'auto', spaceBetween: 24, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0.2, navigation: { nextEl: numbersBlock.querySelector('.swiper-button.next'), prevEl: numbersBlock.querySelector('.swiper-button.prev'), }, }) } const timelineBlock = document.querySelector('.timeline_block') if (timelineBlock) { let timelineSwiper = new Swiper(timelineBlock.querySelector('.swiper-container'), { speed: 800, slidesPerView: 'auto', observer: true, observeParents: true, centeredSlidesBounds: true, // centerSlides: true, watchSlidesProgress: true, touchRatio: 0.2, on: { click() { timelineSwiper.slideTo(this.clickedIndex); }, }, navigation: { nextEl: timelineBlock.querySelector('.timeline_block .swiper-button.next'), prevEl: timelineBlock.querySelector('.timeline_block .swiper-button.prev'), }, breakpoints: { 0: { slidesPerView: 1, navigation: { nextEl: timelineBlock.querySelector('.timeline_block .p_navigation--mob .swiper-button.next'), prevEl: timelineBlock.querySelector('.timeline_block .p_navigation--mob .swiper-button.prev'), }, }, 768: { slidesPerView: 2, navigation: { nextEl: timelineBlock.querySelector('.timeline_block .swiper-button.next'), prevEl: timelineBlock.querySelector('.timeline_block .swiper-button.prev'), }, }, 992: { slidesPerView: 'auto', } } }) let active; timelineBlock.querySelector('.timeline_block .swiper-button.next').addEventListener("click", function() { active = timelineBlock.querySelector('.timeline_block .swiper-slide-active'); changeButtons(); }); timelineBlock.querySelector('.timeline_block .swiper-button.next.demo').addEventListener("click", function() { timelineNext(); changeButtons(); }); timelineBlock.querySelector('.timeline_block .swiper-button.prev').addEventListener("click", function() { active = timelineBlock.querySelector('.timeline_block .swiper-slide-active'); changeButtons(); }); timelineBlock.querySelector('.timeline_block .swiper-button.prev.demo').addEventListener("click", function() { timelinePrev(); changeButtons(); }); function changeButtons () { if (timelineSwiper.snapGrid.length-1 <= timelineSwiper.slides.indexOf(active) && timelineSwiper.slides.length-1 > timelineSwiper.slides.indexOf(active)){ timelineBlock.querySelector('.timeline_block .swiper-button.next.demo').style.zIndex = 2; } else { timelineBlock.querySelector('.timeline_block .swiper-button.next.demo').style.zIndex = -1; } if (timelineSwiper.snapGrid.length <= timelineSwiper.slides.indexOf(active) && timelineSwiper.slides.length > timelineSwiper.slides.indexOf(active)){ timelineBlock.querySelector('.timeline_block .swiper-button.prev.demo').style.zIndex = 2; } else { timelineBlock.querySelector('.timeline_block .swiper-button.prev.demo').style.zIndex = -1; } } function timelineNext () { active = active.nextElementSibling; active.classList.add('white'); } function timelinePrev () { active.classList.remove('white'); active = active.previousElementSibling; } const slideElements = timelineSwiper.slides; // Add a click event listener to each slide element slideElements.forEach((slide, index) => { slide.addEventListener('click', function () { if(index == timelineSwiper.snapGrid.length){ slide.nextElementSibling.classList.remove('white'); slide.classList.add('white'); active = slide; changeButtons(); } if(index == timelineSwiper.snapGrid.length+1){ slideElements.forEach((slide, index) => { if(index >= timelineSwiper.snapGrid.length){ slide.classList.add('white'); } }); active = slide; changeButtons(); } if(index <= timelineSwiper.snapGrid.length-1){ slideElements.forEach((slide, index) => { if(index >= timelineSwiper.snapGrid.length){ slide.classList.remove('white'); } }); active = slide; changeButtons(); } }); }); timelineSwiper.on('touchEnd', function () { // Get the active slide index const activeSlideIndex = timelineSwiper.activeIndex; const activeSlideElement = timelineSwiper.slides[activeSlideIndex]; slideElements.forEach((slide, index) => { if(index >= timelineSwiper.snapGrid.length){ slide.classList.remove('white'); } }); active = activeSlideElement; changeButtons(); }); } let fullSliders = document.querySelectorAll('.full-slider') if (fullSliders) { [].forEach.call(fullSliders, function(fullSlider) { let fullSwiper = new Swiper(fullSlider.querySelector('.swiper-container'), { speed: 800, slidesPerView: 'auto', spaceBetween: 0, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0.2, navigation: { nextEl: fullSlider.querySelector('.full-slider .swiper-button.next'), prevEl: fullSlider.querySelector('.full-slider .swiper-button.prev'), }, breakpoints: { 0: { navigation: { nextEl: fullSlider.querySelector('.full-slider .p_navigation--mob .swiper-button.next'), prevEl: fullSlider.querySelector('.full-slider .p_navigation--mob .swiper-button.prev'), }, }, 768: { navigation: { nextEl: fullSlider.querySelector('.full-slider .swiper-button.next'), prevEl: fullSlider.querySelector('.full-slider .swiper-button.prev'), }, } } }) }); } let departmentBlocks = document.querySelectorAll('.departments_block') if (departmentBlocks) { [].forEach.call(departmentBlocks, function(departmentBlock) { let departmentSwiper = new Swiper(departmentBlock.querySelector('.swiper-container'), { speed: 800, slidesPerView: 'auto', spaceBetween: 48, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 1, navigation: { nextEl: departmentBlock.querySelector('.departments_block .swiper-button.next'), prevEl: departmentBlock.querySelector('.departments_block .swiper-button.prev'), }, breakpoints: { 0: { ouchRatio: 0.2, spaceBetween: 24, navigation: { nextEl: departmentBlock.querySelector('.departments_block .p_navigation--mob .swiper-button.next'), prevEl: departmentBlock.querySelector('.departments_block .p_navigation--mob .swiper-button.prev'), }, }, 768: { uchRatio: 1, spaceBetween: 48, navigation: { nextEl: departmentBlock.querySelector('.departments_block .swiper-button.next'), prevEl: departmentBlock.querySelector('.departments_block .swiper-button.prev'), }, } } }) }); } const flippedBlock = document.querySelector('.flipped_blocks') if (flippedBlock) { if (window.innerWidth < 1200) { let departmentSwiper = new Swiper(flippedBlock.querySelector('.swiper-container'), { speed: 800, slidesPerView: 'auto', spaceBetween: 24, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0.2, navigation: { nextEl: flippedBlock.querySelector('.flipped_blocks .swiper-button.next'), prevEl: flippedBlock.querySelector('.flipped_blocks .swiper-button.prev'), }, }) } } const partnersSliders = document.querySelectorAll('.partners_block') if (partnersSliders && window.innerWidth > 767) { partnersSliders.forEach(partnersSlider => { if (partnersSlider.querySelector('.swiper-container')) { let partnersSwiper = new Swiper(partnersSlider.querySelector('.swiper-container.d-none.d-md-block'), { speed: 800, slidesPerView: 1, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0.2, navigation: { nextEl: partnersSlider.querySelector('.swiper-button.next'), prevEl: partnersSlider.querySelector('.swiper-button.prev'), }, breakpoints: { 0: { navigation: { nextEl: partnersSlider.querySelector('.p_navigation--mob .swiper-button.next'), prevEl: partnersSlider.querySelector('.p_navigation--mob .swiper-button.prev'), }, }, 768: { navigation: { nextEl: partnersSlider.querySelector('.swiper-button.next'), prevEl: partnersSlider.querySelector('.swiper-button.prev'), }, } } }) } }) } if (partnersSliders && window.innerWidth < 768) { partnersSliders.forEach(partnersSlider => { if (partnersSlider.querySelector('.swiper-container')) { let partnersSwiper = new Swiper(partnersSlider.querySelector('.swiper-container.d-block.d-md-none'), { speed: 800, slidesPerView: 1, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0.2, navigation: { nextEl: partnersSlider.querySelector('.swiper-button.next'), prevEl: partnersSlider.querySelector('.swiper-button.prev'), }, breakpoints: { 0: { navigation: { nextEl: partnersSlider.querySelector('.p_navigation--mob .swiper-button.next'), prevEl: partnersSlider.querySelector('.p_navigation--mob .swiper-button.prev'), }, }, 768: { navigation: { nextEl: partnersSlider.querySelector('.swiper-button.next'), prevEl: partnersSlider.querySelector('.swiper-button.prev'), }, } } }) } }) } const testimonialSliders = document.querySelectorAll('.testimonials_block'); [].forEach.call(testimonialSliders, function(testimonialSlider) { let testimonialsSwiper = new Swiper(testimonialSlider.querySelector('.testimonials_slider .swiper-container'), { speed: 800, slidesPerView: 1, observer: true, observeParents: true, centerSlides: true, spaceBetween: 24, centeredSlidesBounds: true, touchRatio: 0.2, autoHeight: true, navigation: { nextEl: testimonialSlider.querySelector('.swiper-button.next'), prevEl: testimonialSlider.querySelector('.swiper-button.prev'), }, }) if (testimonialSlider.querySelector('.slider_images')) { let imagesSwiper = new Swiper(testimonialSlider.querySelector('.slider_images .swiper-container'), { speed: 800, slidesPerView: 1, effect: 'fade', observer: true, observeParents: true, centerSlides: true, autoHeight: true, centeredSlidesBounds: true, touchRatio: 0.2, }) testimonialsSwiper.controller.control = imagesSwiper; imagesSwiper.controller.control = testimonialsSwiper; } }); const tabs = document.querySelectorAll('.tabs') if (tabs) { tabs.forEach(tab => { let tLinks = tab.querySelectorAll('.tab_title') let tConts = tab.querySelectorAll('.tab_content') tab.querySelector('.tab_title-1').classList.add('active') tab.querySelector('.tab_1').classList.add('active') tLinks.forEach(tLink => { tLink.addEventListener('click', (e) => { e.preventDefault() tLinks.forEach(itm => itm.classList.remove('active')) tConts.forEach(itm => itm.classList.remove('active')) tLink.classList.add('active') tab.querySelector(`.${tLink.dataset.target}`).classList.add('active') }) }) }) } /* NEW */ jQuery('.show_all_flipped').on('click', function(e) { e.preventDefault(); jQuery('.all_flipped_blocks .hide_block').slideDown(); jQuery(this).fadeOut(); }); jQuery('.show_all_items').on('click', function(e) { e.preventDefault(); jQuery(this).parent().siblings('.p_slide').find('.hide_block').slideDown().css('display','flex'); jQuery(this).fadeOut(); }); jQuery('.show_all_items_mob').on('click', function(e) { e.preventDefault(); jQuery(this).parent().siblings('.p_slide').find('.hide_block_mob').slideDown().css('display','flex'); jQuery(this).fadeOut(); }); jQuery('.show_all_leaderships').on('click', function(e) { e.preventDefault(); jQuery('#leadershipsContainer .hide_block').slideDown(); jQuery(this).fadeOut(); }); }); function iOS() { return [ 'iPad Simulator', 'iPhone Simulator', 'iPod Simulator', 'iPad', 'iPhone', 'iPod' ].includes(navigator.platform) || (navigator.userAgent.includes("Mac") && "ontouchend" in document) } function initNuberAnimationEffect() { var $ = jQuery; var elementContainer = $('#numbers'); var flag = false; if (elementContainer.length !== 0) { $(window).scroll(function () { if ((elementContainer.offset().top <= $(window).scrollTop() + window.innerHeight) && !flag) { $('.f_number').each(function () { var numberRegexp = /\d+/; var inputText = $(this).text(); var numberFromText = inputText.match(numberRegexp)[0]; var number = parseInt(numberFromText); console.log(number); $(this).prop('Counter', 0).animate({ Counter: number }, { duration: 2000, easing: 'swing', step: function (now) { now = parseInt(now); var text = inputText.replace(numberRegexp, now); $(this).text(text); } }); flag = true; }); } }); } }; jQuery('.navbar-toggler').on('click', function () { jQuery('.stickynav').toggleClass('is_menu-active'); }) $('.f_live-feed').masonry({ itemSelector: '.article-item', columnWidth: '.article-item', gutter: 14, horizontalOrder: true }); const inViewport = (elem) => { let allElements = document.getElementsByClassName(elem); let windowHeight = window.innerHeight; const elems = () => { for (let i = 0; i < allElements.length; i++) { // loop through the sections let viewportOffset = allElements[i].getBoundingClientRect(); // returns the size of an element and its position relative to the viewport let top = viewportOffset.top; // get the offset top if(top < windowHeight){ // if the top offset is less than the window height allElements[i].classList.add('in-viewport'); // add the class } else{ allElements[i].classList.remove('in-viewport'); // remove the class } if (top < 0) { allElements[i].classList.add('sticked'); } else { allElements[i].classList.remove('sticked'); } } } elems(); window.addEventListener('scroll', elems); } function isInViewportExtra(element, cls) { const options = { root: null, // Use the viewport as the root rootMargin: '0px', // No margin around the viewport threshold: 0.5, // 50% intersection ratio to consider as in viewport }; const observer = new IntersectionObserver((entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { // The section is in the viewport console.log('Section is in the viewport!'); // You can perform additional actions here // For example, add a CSS class to the section to apply styles document.body.classList.add(cls); if (typeof galleryTop !== 'undefined' && galleryTop) { galleryTop.autoplay.start(); } // Stop observing once the section is in the viewport (optional) observer.unobserve(element); } else { // The section is not in the viewport console.log('Section is not in the viewport!'); // You can perform additional actions here if needed // For example, remove the CSS class applied earlier document.body.classList.remove(cls); } }); }, options); // Start observing the target element observer.observe(element); } // Call the function for each section with the specified class name const sectionsToDetect = document.querySelectorAll('.banner_block.with-parallax'); sectionsToDetect.forEach(itm => { itm.style.setProperty('--mh', `${itm.querySelector('.banner_block-main').scrollHeight}px`) }) inViewport('with-parallax'); if (document.querySelector('.footer-main')) { isInViewportExtra(document.querySelector('.footer-main'), 'we-get-foot'); } if (document.querySelector('.contact_block:last-of-type')) { isInViewportExtra(document.querySelector('.contact_block:last-of-type'), 'we-get-last-c-block'); } // function isInView(elem){ // return $(elem).offset().top - $(window).scrollTop() < $(elem).height(); // } // $(".presentation_single").each(function (index, elem) { // console.log($('video', elem)) // var hasReachedUserExperience = false; // $(window).scroll(function() { // if (isInView($(elem)) && !hasReachedUserExperience) { // hasReachedUserExperience = true; // $('video', elem).get(0).play(); // } // }) // }); var videos = document.getElementsByTagName(".presentation_single"); var videos = $('.presentation_single'); $(window).on('scroll', function() { videos.each(function() { var video = $(this); if (isElementInViewport(video)) { video.find('.vd').get(0).play(); } else { } }); }); function isElementInViewport(el) { var rect = el.get(0).getBoundingClientRect(); return ( rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth) ); } $(window).on('load', function() { $(window).trigger('scroll'); }); // presInViewport('presentation_single'); // // Debounce function to optimize the scroll event handling // function debounce(func, wait) { // let timeout; // return function () { // const context = this; // const args = arguments; // clearTimeout(timeout); // timeout = setTimeout(() => func.apply(context, args), wait); // }; // } // // Attach the observer to the scroll event of the window with debounce // const handleScroll = debounce(() => { // inViewport('.with-parallax'); // }, 100); // window.addEventListener('scroll', handleScroll); let fMarquee = document.querySelector('.f_marquee') if (fMarquee && fMarquee.querySelectorAll('.swiper-slide').length) { console.log(fMarquee.querySelectorAll('.swiper-slide').length) let fMarqueeSlider = new Swiper(fMarquee.querySelector('.swiper-container'), { slidesPerView: "auto", spaceBetween: 120, observer: true, observeParents: true, centerSlides: true, centeredSlidesBounds: true, touchRatio: 0, loop: true, loopedSlides: fMarquee.querySelectorAll('.swiper-slide').length, loopFillGroupWithBlank: false, centerInsufficientSlides:true, speed: 10000, allowTouchMove: false, autoplay: { delay: 1, }, breakpoints: { 0: { spaceBetween: 33 }, 768: { spaceBetween: 33 }, 1200: { spaceBetween: 120 } } }) } </script> <script src="https://player.vimeo.com/api/player.js"></script> <script> var videoElements = document.querySelectorAll('.f_vimeoContainer .f_vimeoVideoImage'); if(videoElements.length) { for(var i=0; i<videoElements.length; i++) { var videoElement = videoElements[i]; videoElement.addEventListener('click', function(evt){ var videoElement = evt.target.closest('.f_vimeoContainer').querySelector('.f_vimeoVideo'); var image = evt.target.closest('.f_vimeoContainer').querySelector('.f_vimeoVideoImage'); var player = new Vimeo.Player(videoElement); player.play(); videoElement.style.display = 'block'; image.style.display = 'none'; }); } } </script> <script> $(".wpcf7").on('wpcf7invalid', function(event){ console.log(event.detail.apiResponse.invalid_fields); setTimeout(function(){ $('html, body').animate({ scrollTop: $( ".wpcf7-not-valid").first().offset().top-235 }, 2000, '', function(){ $( ".wpcf7-not-valid").first().focus(); } ); },100); }); </script> <script type="text/javascript"> _linkedin_partner_id = "3339474"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(l) { if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])}; window.lintrk.q=[]} var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(window.lintrk); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=3339474&fmt=gif" /> </noscript> </body> </html>

CINXE.COM

Ad Product Gallery | smartclip