`; } else { vimeoIframeHtml = 'Vimeo: No "wcag" parameter found in the URL.'; } // --- Generate YouTube Iframe HTML --- if (youtubeVideoId) { const youtubeEmbedUrl = `https://www.youtube.com/embed/${youtubeVideoId}?rel=0`; youtubeIframeHtml = ` `; } else { youtubeIframeHtml = 'YouTube: No "yt" parameter found in the URL.'; } // --- Conditional Hiding for #wcag-buttons --- const wcagButtons = document.getElementById('wcag-buttons'); if (wcagButtons) { if (!vimeoVideoId || vimeoVideoId.trim() === '') { wcagButtons.style.display = 'none'; } } // --- 2. DEFINE & INITIALIZE CONTAINER CONTENTS --- const videoContainers = [ { id: 'standard', buttonId: 'tab-button-1', content: youtubeIframeHtml }, { id: 'accesible', buttonId: 'tab-button-2', content: vimeoIframeHtml } ]; // 3. Set the initial HTML content for both tabs and set display state videoContainers.forEach(item => { const containerElement = document.getElementById(item.id); if (containerElement) { containerElement.innerHTML = item.content; if (item.id !== 'standard') { containerElement.style.display = 'none'; } } }); // --- 4. TAB SWITCHING LOGIC --- function switchTab(activeId) { videoContainers.forEach(item => { const container = document.getElementById(item.id); const button = document.getElementById(item.buttonId); if (!container || !button) return; if (item.id === activeId) { // ACTIVE tab: Restore content (iframe), show container, and ADD active class container.innerHTML = item.content; container.style.display = 'block'; button.classList.add('active-tab'); } else { // INACTIVE tab: Clear content (stops video), hide container, and REMOVE active class container.innerHTML = ''; container.style.display = 'none'; button.classList.remove('active-tab'); } }); } // --- 5. ATTACH EVENT LISTENERS & INITIAL STATE --- videoContainers.forEach(item => { const button = document.getElementById(item.buttonId); if (button) { button.addEventListener('click', () => switchTab(item.id)); } }); // Initial state: Show the YouTube tab on page load switchTab('standard'); });

Placer.ai Webinars

Webinar

Tuesday, June 22, 2021

12PM ET

Grocery Deep Dive

In partnership with

Watch the Webinar

The grocery sector has been among the most fascinating to observe throughout the pandemic. Several leading brands saw success completely disrupted, while others found new levels of strength during the pandemic.

But as the retail recovery picks up steam, how is the sector performing? In this webinar, we break down which brands are thriving, which are falling back and explore how shopping patterns have shifted and what it could mean for these critical tenants.

Speakers

Ethan Chernofsky

Ethan Chernofsky

SVP Marketing

Placer.ai

Erin Lash

Erin Lash

Director, Consumer Equity Research

Morningstar

Eric Karlson

Eric Karlson

Director of Strategy and Insights

Dunnhumby

Watch the Webinar

By submitting this form you are providing your personal information to both Placer.ai and which will be subject to each company’s respective privacy policies.

Why am I being asked to fill out a form?

By completing this form you are agreeing to us collecting your data so that we can have someone contact you for the purpose of setting up a demo and adding you to Placer’s marketing records. You may opt-out at any time.