CINXE.COM
Upload your video podcasts to Spotify – Spotify for Creators
<!DOCTYPE html><!-- Last Published: Tue Nov 26 2024 15:13:09 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="production-origin.creators.spotify.com" data-wf-page="66e844e46ac8124ff52413db" data-wf-site="66e844e46ac8124ff524134e" lang="en"><head><meta charset="utf-8"/><title>Upload your video podcasts to Spotify – Spotify for Creators</title><meta content="Start building a more engaged following and earn incremental revenue on Spotify with video. See how we’re bringing video podcasts to the forefront everywhere." name="description"/><meta content="Upload your video podcasts to Spotify – Spotify for Creators" property="og:title"/><meta content="Start building a more engaged following and earn incremental revenue on Spotify with video. See how we’re bringing video podcasts to the forefront everywhere." property="og:description"/><meta content="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/672d1f62992ce7b3fbfb2317_Spotify-for-Creators_Video-Podcast_SEO.jpg" property="og:image"/><meta content="Upload your video podcasts to Spotify – Spotify for Creators" property="twitter:title"/><meta content="Start building a more engaged following and earn incremental revenue on Spotify with video. See how we’re bringing video podcasts to the forefront everywhere." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/672d1f62992ce7b3fbfb2317_Spotify-for-Creators_Video-Podcast_SEO.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/css/spotify-creator-studio-9d835cce60189be2.71706774e.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/648226c27208ad4d8e447d48_spotify-favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/64516956162cc213fb9043e0_Group%209664920.png" rel="apple-touch-icon"/><link href="https://creators.spotify.com/features/video" rel="canonical"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BS28GFQSGL"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-BS28GFQSGL');</script><!-- This is commented out, as window.trackJs is now being called, which utilizes the @spotify-internal/track-js library. <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-NFX358T'); </script> --> <meta name="ahrefs-site-verification" content="257ae8e0bb3bae089b6d1efa97f4c74d7be024ec1b143f58ef2f463a750c0260"> <style> .w-webflow-badge { display: none !important; visibility: hidden !important; } .spotify-nav-bar {padding-top:0px !important; height:auto !important; } </style><link rel="canonical" href="https://creators.spotify.com/features/video" /> <script> function setupVimeoEmbed(embedId, captionSelectId) { const embed = document.getElementById(embedId); const iframe = embed.querySelector('.vimeoPlayer'); const player = new Vimeo.Player(iframe); const playPauseBtn = embed.querySelector('.playPauseBtn'); const muteBtn = embed.querySelector('.muteBtn'); const fullScreenBtn = embed.querySelector('.fullScreenBtn'); const captionBtn = embed.querySelector('.captionBtn'); const captionSelect = document.getElementById(captionSelectId); const playPauseIcon = playPauseBtn.querySelector('.playPauseIcon'); const muteIcon = muteBtn.querySelector('.muteIcon'); const fullScreenIcon = fullScreenBtn.querySelector('.fullScreenIcon'); const overlay = embed.querySelector('.video-overlay'); // Function to update the play/pause icon based on video state function updatePlayPauseIcon(isPaused) { playPauseIcon.src = isPaused ? 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg' : 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3c8403c1a70851794_66fdc3ca51f58b9f4a3a00e8_pause.svg'; } // Enable video looping to prevent the end screen from appearing player.setLoop(true); // Fetch and handle caption tracks player.getTextTracks().then(tracks => { if (tracks.length === 0) return; captionSelect.innerHTML = '<option value="">Select a language</option>'; tracks.forEach(track => { const option = document.createElement('option'); option.value = track.language; option.textContent = track.label || track.language; captionSelect.appendChild(option); }); // Click event for the caption button captionBtn.addEventListener('click', (e) => { e.stopPropagation(); const isVisible = captionSelect.style.display === 'block'; document.querySelectorAll('.captionSelect').forEach(select => select.style.display = 'none'); captionSelect.style.display = isVisible ? 'none' : 'block'; captionSelect.focus(); }); // Prevent the dropdown from closing when clicked captionSelect.addEventListener('click', (e) => e.stopPropagation()); // Handle caption selection captionSelect.addEventListener('change', () => { const selectedLanguage = captionSelect.value; player.enableTextTrack(selectedLanguage).catch(console.error); captionSelect.style.display = 'none'; }); // Close the dropdown when clicking outside of it document.addEventListener('click', (e) => { if (!captionSelect.contains(e.target) && !captionBtn.contains(e.target)) { captionSelect.style.display = 'none'; } }); }); // Play/Pause functionality playPauseBtn.addEventListener('click', () => { player.getPaused().then(paused => { paused ? player.play() : player.pause(); updatePlayPauseIcon(paused); }); }); // Mute/Unmute functionality muteBtn.addEventListener('click', () => { player.getVolume().then(volume => { player.setVolume(volume > 0 ? 0 : 1); muteIcon.src = volume > 0 ? 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1c5bc34e6e969f3_66fdc48e1c42a4692cd73bc1_volume-off.svg' : 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg'; }); }); // Full Screen Toggle with Autoplay fullScreenBtn.addEventListener('click', () => { if (!document.fullscreenElement) { iframe.requestFullscreen().then(() => { player.play().catch(err => { console.error(`Error attempting to autoplay video in full-screen mode: ${err.message}`); }); }).catch(err => { console.error(`Error attempting to enable full-screen mode: ${err.message}`); }); } else { document.exitFullscreen(); } }); // Update the play/pause icon whenever the video play state changes player.on('play', () => { updatePlayPauseIcon(false); overlay.classList.add('hidden'); }); player.on('pause', () => { updatePlayPauseIcon(true); overlay.classList.remove('hidden'); }); // Handle the case when the user exits full-screen mode manually document.addEventListener('fullscreenchange', () => { player.getPaused().then(paused => { updatePlayPauseIcon(paused); }); }); } </script> </head><body class="background black spotify-mix"><div id="announcement" class="announcement-container js-announcement-bar"><div class="announcement-bar-2-copy desktop s4c-2024"><p class="body-text spotify-mix subheader black center">Spotify for Podcasters is now Spotify for Creators.<a href="https://spotifycreators-web.app.link/e/PFm6j5IktOb" target="_blank" class="link bold announce">Find out more</a></p></div><div class="announcement-bar desktop wrapped announced"><p class="spotify-mix medium body wrapped24styling">2024 Wrapped for Creators is here.<a href="https://podcasters.spotify.com/pod/login" target="_blank" class="wrapped-link">Get to know your realest fans.</a></p></div><div class="search-s4p-component w-clearfix"><div data-w-id="5ffed7be-036c-4fdb-6829-700cbe0c96b9" class="search-s4p-container"><img src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/66e844e46ac8124ff5241703_Encore%20%E2%80%A2%20Vectorclose.svg" loading="lazy" width="75" height="73" alt="" class="close-s4p"/><img src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/66e844e46ac8124ff524152b_new-search.svg" loading="lazy" width="75" height="75" alt="" class="search-s4p"/></div><div class="search-pop-up"><div class="search-pop-up-container"><form action="/search" class="search-pop-up-field w-form"><label for="search-3" class="body-text mesto black caps"><strong>Search</strong></label><div class="search-input-container"><input class="search-pop-up-input w-input" maxlength="256" name="query" placeholder="Search the resource hub" type="search" id="search-2" required=""/><input type="submit" class="search-button-2 w-button" value="search"/></div><div class="search-suggested-keywords-container"><label for="search-3" class="body-text mesto black caps"><strong>suggested keywords</strong></label><div class="search-suggested-keywords-container"><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Interactivity</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Video podcasts</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Masterclass</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">analytics</label></a></div></div></form></div></div></div></div><section theme="black" class="header-section features"><div class="features-container features"><div class="grid-4 grid-2 hero reverse less-pad"><div id="w-node-_814341bf-117e-e905-5777-bf6c9fb02332-f52413db" class="hero-block"><h1 class="spotify-mix title white">Put your video front and center</h1><p class="spotify-mix medium white">Start building a more engaged following on Spotify with video. See how we’re bringing video to the forefront everywhere fans are tuned in.</p><a data-event-label="hero_get_started_button" data-event-category="Video landing page" href="https://podcasters.spotify.com/video-podcast/start" target="_blank" class="button spotify-mix white">Get started</a></div><div id="w-node-_814341bf-117e-e905-5777-bf6c9fb02339-f52413db" class="hero-image-block"><img sizes="(max-width: 767px) 88vw, (max-width: 1919px) 44vw, 32vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cf78b2a1c71bc7ca3345_video-Hero%2520Graphic-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cf78b2a1c71bc7ca3345_video-Hero%2520Graphic-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cf78b2a1c71bc7ca3345_video-Hero%20Graphic.jpg 1200w" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cf78b2a1c71bc7ca3345_video-Hero%20Graphic.jpg" loading="lazy" class="features-image"/></div></div></div></section><section class="features-section video-carousel"><div class="features-container read-more"><div class="header-spacer _75"><h2 class="spotify-mix h1 white center">See what other creators have to say</h2></div></div><div lang-conditional="en" class="video-carousel english"><div data-delay="4000" data-animation="slide" class="slider video-carousel-container w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="mask video-carousel w-slider-mask"><div class="video-slide w-slide"><div class="video-slide-container"><div class="video-frame"><div class="video-carousel-lower-third"><p class="spotify-mix small-paragraph bold white video-title">The Dropouts</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/dropouts-video-audience-growth" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Custom Vimeo Video Embed --> <div class="vid-carousel" id="embed-1eng" data-video-id="1027383547"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1027383547?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <!-- Transparent overlay --> <div class="overlay video-overlay"></div> <!-- Custom controls --> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> </div> </div> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style> <script src="https://player.vimeo.com/api/player.js"></script> <script> setupVimeoEmbed('embed-1eng'); </script></div></div><div class="video-frame"><div class="video-carousel-lower-third"><p class="spotify-mix small-paragraph bold white video-title">Much to Discuss</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/emily-fan-multi-platform-video-success" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Custom Vimeo Video Embed --> <div class="vid-carousel" id="embed-2eng" data-video-id="1027384524"> <!-- Vimeo Iframe Embed --> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1027384524?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <!-- Transparent overlay --> <div class="overlay video-overlay"></div> <!-- Custom controls --> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> </div> </div> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style> <script src="https://player.vimeo.com/api/player.js"></script> <script> setupVimeoEmbed('embed-2eng'); </script></div></div><div class="video-frame"><div class="video-carousel-lower-third"><p class="spotify-mix small-paragraph bold white video-title">Good Children</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/good-children-video-audience-growth" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Custom Vimeo Video Embed --> <div class="vid-carousel" id="embed-3eng" data-video-id="1028644467"> <!-- Vimeo Iframe Embed --> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1028644467?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <!-- Transparent overlay --> <div class="overlay video-overlay"></div> <!-- Custom controls --> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> </div> </div> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style> <script src="https://player.vimeo.com/api/player.js"></script> <script> setupVimeoEmbed('embed-3eng'); </script></div></div><div class="video-frame"><div class="video-carousel-lower-third"><p class="spotify-mix small-paragraph bold white video-title">Talk of Thrones</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/talk-the-thrones-audience-growth-video" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Custom Vimeo Video Embed --> <div class="vid-carousel" id="embed-4eng" data-video-id="1028946301"> <!-- Vimeo Iframe Embed --> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1028946301?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <!-- Transparent overlay --> <div class="overlay video-overlay"></div> <!-- Custom controls --> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> </div> </div> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style> <script src="https://player.vimeo.com/api/player.js"></script> <script> setupVimeoEmbed('embed-4eng'); </script></div></div></div></div></div><div class="video-left-slider-carousel w-slider-arrow-left"><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cfd3a178d52eff394eca_Encore%20%E2%80%A2%20Vector.svg" alt=""/></div><div class="video-right-slider-carousel w-slider-arrow-right"><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cfd3a178d52eff394edf_Encore%20%E2%80%A2%20Vector-1.svg" alt=""/></div><div class="video-carousel-hide-dots w-slider-nav"></div></div></div><div lang-conditional="es-LA, fr-FR, it-IT, de-DE, id-ID, ja-JP, pt-BR, tr-TR" class="video-carousel int-l"><div data-delay="4000" data-animation="slide" class="slider intladjust w-slider" data-autoplay="false" data-easing="ease" data-hide-arrows="false" data-disable-swipe="false" data-autoplay-limit="0" data-nav-spacing="3" data-duration="500" data-infinite="true"><div class="w-slider-mask"><div class="video-slide w-slide"><div class="video-slide-container intl"><div class="video-frame"><div class="video-carousel-lower-third intlcap"><p class="spotify-mix small-paragraph bold white video-title">The Dropouts</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/dropouts-video-audience-growth" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Vimeo Video Embed 1 --> <div class="vid-carousel" id="embed-1"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1027383222?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="overlay video-overlay"></div> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> <div class="caption-controls"> <div class="captionBtn player-btn"> <img class="captionIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1596b9dcf89b763_67005b07d636fe0f5c0a820f_language-icon.svg" alt="Captions"> </div> <select class="captionSelect" id="captionSelect-1" style="display: none;"></select> </div> </div> </div> <script src="https://player.vimeo.com/api/player.js"></script> <script> setupVimeoEmbed('embed-1', 'captionSelect-1'); </script> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; /* Initially visible */ } /* Hide the overlay by default when the video is playing */ .video-overlay.hidden { opacity: 0; pointer-events: none; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style></div></div><div class="video-frame"><div class="video-carousel-lower-third intlcap"><p class="spotify-mix small-paragraph bold white video-title">Much to Discuss</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/emily-fan-multi-platform-video-success" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Vimeo Video Embed 2 --> <div class="vid-carousel" id="embed-2"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1027384038?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="overlay video-overlay"></div> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> <div class="caption-controls"> <div class="captionBtn player-btn"> <img class="captionIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1596b9dcf89b763_67005b07d636fe0f5c0a820f_language-icon.svg" alt="Captions"> </div> <select class="captionSelect" id="captionSelect-2" style="display: none;"></select> </div> </div> </div> <script> setupVimeoEmbed('embed-2', 'captionSelect-2'); </script> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style></div></div><div class="video-frame"><div class="video-carousel-lower-third intlcap"><p class="spotify-mix small-paragraph bold white video-title">Good Children</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/good-children-video-audience-growth" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Vimeo Video Embed 3 --> <div class="vid-carousel" id="embed-3"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1028644146?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="overlay video-overlay"></div> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> <div class="caption-controls"> <div class="captionBtn player-btn"> <img class="captionIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1596b9dcf89b763_67005b07d636fe0f5c0a820f_language-icon.svg" alt="Captions"> </div> <select class="captionSelect" id="captionSelect-3" style="display: none;"></select> </div> </div> </div> <script> setupVimeoEmbed('embed-3', 'captionSelect-3'); </script> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style></div></div><div class="video-frame"><div class="video-carousel-lower-third intlcap"><p class="spotify-mix small-paragraph bold white video-title">Talk of Thrones</p><p class="spotify-mix small-body white seemore"><a href="http://creators.spotify.com/resources/case-study/talk-the-thrones-audience-growth-video" target="_blank" class="spotify-mix small-body white seemore">See more</a></p></div><div class="w-embed w-iframe w-script"><!-- Vimeo Video Embed 4 --> <div class="vid-carousel" id="embed-4"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1028945769?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="overlay video-overlay"></div> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> <div class="caption-controls"> <div class="captionBtn player-btn"> <img class="captionIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1596b9dcf89b763_67005b07d636fe0f5c0a820f_language-icon.svg" alt="Captions"> </div> <select class="captionSelect" id="captionSelect-4" style="display: none;"></select> </div> </div> </div> <script> setupVimeoEmbed('embed-4', 'captionSelect-4'); </script> <style> .vid-carousel { position: relative; width: 294px; height: 522px; background-color: black; overflow: hidden; } .vimeoPlayer { position: absolute; top: 50%; left: 50%; width: 350%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style></div></div></div></div></div><div class="video-left-slider-carousel w-slider-arrow-left"><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cfd3a178d52eff394eca_Encore%20%E2%80%A2%20Vector.svg" alt=""/></div><div class="video-right-slider-carousel w-slider-arrow-right"><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717cfd3a178d52eff394edf_Encore%20%E2%80%A2%20Vector-1.svg" alt=""/></div><div class="video-carousel-hide-dots w-slider-nav"></div></div></div></section><section class="features-section features-value light-grey"><div class="features-container features-valueprops"><div class="grid-2 features"><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e862-f52413db" class="hero-image-block"><img sizes="(max-width: 767px) 88vw, (max-width: 1919px) 42vw, 100vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0bf67768ed6c1d686e9_Video%25201%2520Img%2520Block-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0bf67768ed6c1d686e9_Video%25201%2520Img%2520Block-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0bf67768ed6c1d686e9_Video%201%20Img%20Block.jpg 1196w" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0bf67768ed6c1d686e9_Video%201%20Img%20Block.jpg" loading="lazy"/></div><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e864-f52413db" class="hero-block"><h2 class="spotify-mix h1">Put your fans in control</h2><p class="spotify-mix">Every Spotify user can seamlessly switch between listening and watching on mobile, desktop, and TV, while using features like pinch-to-zoom and thumbnail scrubbing to easily navigate your content.<br/></p></div></div><div class="grid-2 features reverse"><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e86b-f52413db" class="hero-block"><h2 class="spotify-mix h1">Manage your show with ease<br/></h2><p class="spotify-mix">We make it simple to upload, publish, and manage your videos on Spotify, no matter where your show is hosted. Not ready to go all-in on video? Seamlessly include audio content in your feed for a multi-format experience.</p></div><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e871-f52413db" class="hero-image-block"><img sizes="(max-width: 767px) 88vw, (max-width: 1919px) 42vw, 100vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686ba_Video%25202%2520Img%2520Block-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686ba_Video%25202%2520Img%2520Block-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686ba_Video%202%20Img%20Block.jpg 1196w" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686ba_Video%202%20Img%20Block.jpg" loading="lazy"/></div></div><div class="grid-2 features"><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e874-f52413db" class="hero-image-block"><img sizes="(max-width: 767px) 88vw, (max-width: 1919px) 42vw, 100vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686cf_Video%25203%2520Img%2520Block-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686cf_Video%25203%2520Img%2520Block-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686cf_Video%203%20Img%20Block.jpg 1196w" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6717d0be67768ed6c1d686cf_Video%203%20Img%20Block.jpg" loading="lazy"/></div><div id="w-node-_52b6cefd-9d88-f133-c9db-8beb8a28e876-f52413db" class="hero-block"><h2 class="spotify-mix h1">Add video and see the rewards</h2><p class="spotify-mix">Qualify for our Spotify Partner Program to put earnings behind your video podcasts. This program allows you to earn via ad revenue share, or when Spotify Premium users in select markets watch your episodes uninterrupted by dynamic ads. </p></div></div></div></section><section class="features-section"><div class="features-container read-more"><div class="hero-block wide center"><h2 class="spotify-mix title white">Watch and learn</h2><p class="spotify-mix subhead white">Whether you’re a seasoned podcaster or still learning the basics, find resources, videos, and masterclasses to take your show to the next level.</p></div><div class="grid-6"><div class="w-dyn-list"><div role="list" class="grid-card w-dyn-items"><div role="listitem" class="grid-card w-dyn-item"><a href="/resources/create/how-to-start-a-video-podcast-on-spotify" target="_blank" class="grid-card-link link-overlay"></a><div class="card-image-wrapper image-adjust"><div class="c-image-int-text w-dyn-bind-empty"></div><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080.jpg" alt="" sizes="(max-width: 767px) 88vw, (max-width: 991px) 30vw, (max-width: 1919px) 28vw, 20vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080-p-1600.jpg 1600w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241d01_Header_Why-and-how-to-start-a-Video-Podcast_1920x1080.jpg 1920w" class="grid-card-image"/></div><div class="grid-card-footer"><p class="grid-card-title subheader js-balance-text js-overline spotify-mix">Why and how to start a Video Podcast on Spotify</p><p class="grid-card-title subtitle-text js-balance-text js-header text-ellipsis-3 spotify-mix">Why and how to start a Video Podcast on Spotify</p><p class="grid-card-type-2 overline m-t-0 spotify-mix">READ MORE</p></div><div class="cc-card-meta"><div lang-switch="de-DE"></div><div lang-switch="es-LA"></div><div lang-switch="fr-FR"></div><div lang-switch="id-ID"></div><div lang-switch="it-IT"></div><div lang-switch="ja-JP"></div><div lang-switch="ko-KR" class="w-condition-invisible"></div><div lang-switch="pt-BR"></div><div lang-switch="th-TH" class="w-condition-invisible"></div><div lang-switch="pl-PL" class="w-condition-invisible"></div><div lang-switch="vi-VN" class="w-condition-invisible"></div><div lang-switch="tr-TR" class="w-condition-invisible"></div></div></div></div></div><div id="w-node-_5c98b161-0254-b3aa-d0bc-2450019993af-f52413db" class="w-dyn-list"><div role="list" class="grid-card w-dyn-items"><div role="listitem" class="grid-card w-dyn-item"><a href="/resources/create/video-podcast-editing" target="_blank" class="grid-card-link link-overlay"></a><div class="card-image-wrapper image-adjust"><div class="c-image-int-text w-dyn-bind-empty"></div><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c55_S4P_Editorial-Rebrand_Batch2_06_How-to-edit-your-video-podcast-Tips-from-a-Spotify-producer_Blog.jpg" alt="" sizes="(max-width: 767px) 88vw, (max-width: 991px) 30vw, (max-width: 1919px) 28vw, 20vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c55_S4P_Editorial-Rebrand_Batch2_06_How-to-edit-your-video-podcast-Tips-from-a-Spotify-producer_Blog-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c55_S4P_Editorial-Rebrand_Batch2_06_How-to-edit-your-video-podcast-Tips-from-a-Spotify-producer_Blog-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c55_S4P_Editorial-Rebrand_Batch2_06_How-to-edit-your-video-podcast-Tips-from-a-Spotify-producer_Blog-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c55_S4P_Editorial-Rebrand_Batch2_06_How-to-edit-your-video-podcast-Tips-from-a-Spotify-producer_Blog.jpg 1920w" class="grid-card-image"/></div><div class="grid-card-footer"><p class="grid-card-title subheader js-balance-text js-overline spotify-mix">How to edit your video podcast like a pro</p><p class="grid-card-title subtitle-text js-balance-text js-header text-ellipsis-3 spotify-mix">How to edit your video podcast like a pro</p><p class="grid-card-type-2 overline m-t-0 spotify-mix">READ MORE</p></div><div class="cc-card-meta"><div lang-switch="de-DE"></div><div lang-switch="es-LA"></div><div lang-switch="fr-FR"></div><div lang-switch="id-ID"></div><div lang-switch="it-IT"></div><div lang-switch="ja-JP"></div><div lang-switch="ko-KR"></div><div lang-switch="pt-BR"></div><div lang-switch="th-TH" class="w-condition-invisible"></div><div lang-switch="pl-PL" class="w-condition-invisible"></div><div lang-switch="vi-VN" class="w-condition-invisible"></div><div lang-switch="tr-TR" class="w-condition-invisible"></div></div></div></div></div><div id="w-node-_70c3233f-8a59-0c1d-2751-a5ee6d16ea55-f52413db" class="w-dyn-list"><div role="list" class="grid-card w-dyn-items"><div role="listitem" class="grid-card w-dyn-item"><a href="/resources/grow/video-podcast-ideas-for-subscribers-only-show" target="_blank" class="grid-card-link link-overlay"></a><div class="card-image-wrapper image-adjust"><div class="c-image-int-text w-dyn-bind-empty"></div><img loading="lazy" src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c99_63e530b70de62e770a7f2e01_S4P_Editorial-Rebrand_Batch2_07_15-video-podcast-ideas_Blog.jpg" alt="" sizes="(max-width: 767px) 88vw, (max-width: 991px) 30vw, (max-width: 1919px) 28vw, 20vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c99_63e530b70de62e770a7f2e01_S4P_Editorial-Rebrand_Batch2_07_15-video-podcast-ideas_Blog-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c99_63e530b70de62e770a7f2e01_S4P_Editorial-Rebrand_Batch2_07_15-video-podcast-ideas_Blog-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c99_63e530b70de62e770a7f2e01_S4P_Editorial-Rebrand_Batch2_07_15-video-podcast-ideas_Blog-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/66e844e46ac8124ff5241c99_63e530b70de62e770a7f2e01_S4P_Editorial-Rebrand_Batch2_07_15-video-podcast-ideas_Blog.jpg 1921w" class="grid-card-image"/></div><div class="grid-card-footer"><p class="grid-card-title subheader js-balance-text js-overline spotify-mix">15 video podcast ideas for your subscribers-only show</p><p class="grid-card-title subtitle-text js-balance-text js-header text-ellipsis-3 spotify-mix">15 video podcast ideas for your subscribers-only show</p><p class="grid-card-type-2 overline m-t-0 spotify-mix">READ MORE</p></div><div class="cc-card-meta"><div lang-switch="de-DE" class="w-condition-invisible"></div><div lang-switch="es-LA" class="w-condition-invisible"></div><div lang-switch="fr-FR" class="w-condition-invisible"></div><div lang-switch="id-ID" class="w-condition-invisible"></div><div lang-switch="it-IT" class="w-condition-invisible"></div><div lang-switch="ja-JP" class="w-condition-invisible"></div><div lang-switch="ko-KR" class="w-condition-invisible"></div><div lang-switch="pt-BR" class="w-condition-invisible"></div><div lang-switch="tr-TR" class="w-condition-invisible"></div><div lang-switch="pl-PL" class="w-condition-invisible"></div><div lang-switch="th-TH" class="w-condition-invisible"></div><div lang-switch="vi-VN" class="w-condition-invisible"></div></div></div></div></div></div></div></section><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66e844e46ac8124ff524134e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/js/spotify-creator-studio-9d835cce60189be2.651669695.js" type="text/javascript"></script> <style> body { visibility: hidden; opacity: 0 } .spotify-nav-bar {padding-top:0px !important; height:auto !important; } </style> <script type=text/javascript> const navBar = document.createElement('nav'); navBar.classList.add('spotify-nav-bar'); const firstChild = document.body.firstChild; document.body.insertBefore(navBar, firstChild); </script> <footer class="spotify-footer"></footer> <script type='text/javascript' defer> const JS_CACHE_VERSION = 84; //increment me to a whole number to break the cache of the JS file. const SITE_URLS = [ { localDev: true, label: "local", url: "https://spotify-creator-studio-9d835cce60189be2.webflow.io/", jsUrls: ["http://localhost:3000/src/main/index.js", "http://localhost:3000/src/spotifyNavBar/index.jsx", "http://localhost:3000/src/spotifyFooter/index.jsx"], cssUrls: [] }, { localDev: true, label: "staging-origin", url: "https://staging-origin.creators.spotify.com", //jsUrls: ["https://localhost:3000/src/main-2/index.js", "https://localhost:3000/src/spotifyNavBar/index.jsx", "https://localhost:3000/src/spotifyFooter/index.jsx"], //cssUrls: [] jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: true, label: "staging-smartling-french", url: "https://fr-fr-d8cc01d29109c15da.getsmartling.com", jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "staging", url: "https://staging.creators.spotify.com", jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "production-origin", url: "https://production-origin.creators.spotify.com", jsUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "production", url: "https://creators.spotify.com", jsUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/index.css"] } ] function createScript(site) { site.jsUrls.forEach((jsUrl) => { const s = document.createElement('script'); s.src = `${jsUrl}?version=${JS_CACHE_VERSION}`; //if (site.localDev) { s.type = 'module'; //} document.body.appendChild(s); }) } function createCss(site) { site.cssUrls.forEach((cssUrl) => { const s = document.createElement('link'); s.rel = "stylesheet"; s.href = `${cssUrl}?version=${JS_CACHE_VERSION}`; document.body.appendChild(s); }) } const currUrl = window.location.href; const matchedSite = SITE_URLS.find(({ url }) => currUrl.startsWith(url)); if (matchedSite) { createScript(matchedSite); createCss(matchedSite); } else { console.error('Looks like youre running the spotify for podcasters website on an invalid domain.') } </script> <script type='text/javascript' defer> // HIDE SECTION WHEN EMPTY $(".section-related-content").has(".w-dyn-empty:not(.w-dyn-hide)").css("display", "none"); </script> <!-- Smartling --> <!-- <script src="https://ng3x0z.csb.app/script.js"></script> --> <script> function init() { const lang_attr_element = document.querySelector("[lang]"); let get_local_by_attr = lang_attr_element ? lang_attr_element.getAttribute("lang") : "en"; get_local_by_attr = get_local_by_attr === "yy" ? "en" : get_local_by_attr; const ATTRIBUTES = { lang_switch: "lang-switch", collection_list: "collection-list", limit_itmes: "limit", source_lang: "en", lang_conditional: "lang-conditional", start_at: "start-at" }; function hideItem(item) { item.style.display = "none"; } function showItem(item) { item.style.display = "block"; } const collection_lists = document.querySelectorAll( `[${ATTRIBUTES.collection_list}]` ); collection_lists.forEach((list) => { let count_show_items = 1; let items_skipped = 0; const limit_items = list.getAttribute(ATTRIBUTES.limit_itmes); const list_items = list.querySelectorAll(".w-dyn-item"); const items_to_skip = list.getAttribute(ATTRIBUTES.start_at) - 1 || 0; list_items.forEach((item) => { const images = item.querySelectorAll("img"); if (images) handleIntImages(images, get_local_by_attr); const active_switches = item.querySelectorAll( `[${ATTRIBUTES.lang_switch}]:not(.w-condition-invisible)` ); const switch_strings = [...active_switches].map((element) => { return element.getAttribute(ATTRIBUTES.lang_switch); }); if ( (Object.values(switch_strings).includes(get_local_by_attr) || get_local_by_attr == ATTRIBUTES.source_lang) && count_show_items <= limit_items ) { if (items_skipped < items_to_skip) { items_skipped++; return; } count_show_items++; showItem(item); return; } hideItem(item); }); }); const all_conditional_components = document.querySelectorAll( `[${ATTRIBUTES.lang_conditional}]` ); all_conditional_components.forEach((component) => { const show_on_lang_array = component .getAttribute(ATTRIBUTES.lang_conditional) .replace(/\s+/g, "") .split(","); if (!Object.values(show_on_lang_array).includes(get_local_by_attr)) { hideItem(component); } }); const internal_page_images = document.querySelectorAll("[int-image]"); if (internal_page_images) handleIntImages(internal_page_images, get_local_by_attr); } function handleIntImages(images, currentLang) { images.forEach((img) => { const int_images_element = img.nextElementSibling; if (!int_images_element || !int_images_element.innerText) return; const images_json_text = int_images_element.innerText.replace(/\s+/g, ""); let images_json try { images_json = JSON.parse(`{${images_json_text}}`); } catch(e) { images_json = {}; } const src = images_json[currentLang] ? images_json[currentLang] : img.src; img.src = src; img.srcset = src; }); } $( document ).ready(function() { init(); }); </script> <script type="text/javascript" defer> // <sl:translate> let footer_list1_heading = 'Company'; let footer_list1_link1 = 'About'; let footer_list1_url1 = 'https://www.spotify.com/us/about-us/contact/'; let footer_list1_link2 = 'Press & Media'; let footer_list1_url2 = 'https://newsroom.spotify.com/'; let footer_list1_link3 = 'Careers'; let footer_list1_url3 = 'https://www.lifeatspotify.com/jobs'; let footer_list1_link4 = 'Contact Us'; let footer_list1_url4 = 'https://help.spotifyforpodcasters.com/hc/articles/12584441279131'; let footer_list2_heading = 'Fine Print'; let footer_list2_link1 = 'Legal'; let footer_list2_url1 = 'https://www.spotify.com/legal/'; let footer_list2_link2 = 'Privacy Center'; let footer_list2_url2 = 'https://www.spotify.com/privacy/'; let footer_list2_link3 = 'Privacy Policy'; let footer_list2_url3 = 'https://www.spotify.com/legal/privacy-policy/'; let footer_list2_link4 = 'Cookies'; let footer_list2_url4 = 'https://www.spotify.com/legal/cookies-policy/'; let footer_list2_link5 = 'CA Disclosures'; let footer_list2_url5 = 'https://www.spotify.com/us/legal/California-privacy-disclosure/'; let footer_list3_heading = 'Creator Tools'; let footer_list3_link1 = 'Help Center'; let footer_list3_url1 = 'https://creators.spotify.com/help'; let footer_list3_link2 = 'Megaphone'; let footer_list3_url2 = 'https://megaphone.spotify.com/'; let footer_list3_link3 = 'Spotify Studios'; let footer_list3_url3 = 'https://spotify.com/spotifystudios'; let footer_list3_link4 = 'Spotify for Artists'; let footer_list3_url4 = 'https://artists.spotify.com/home'; let footer_list3_link5 = 'Findaway Voices'; let footer_list3_url5 = 'https://www.findawayvoices.com/'; let footer_socials_heading = 'Follow us'; let footer_downloads_heading = 'Get the app'; // </sl:translate> function waitForFooterElement(){ if(typeof window.initFooter !== "undefined"){ const isProdUrl = window.location.href.includes(".spotify.com"); let currPageLocale = isProdUrl ? document.documentElement.getAttribute("lang") : document.cookie.replace(/(?:(?:^|.*;\s*)sp_locale\s*\=\s*([^;]*).*$)|^.*$/, "$1"); var lang = document.cookie.match(new RegExp('(^| )' + 'sp_locale' + '=([^;]+)'))?.[2] || 'en'; window.initFooter({ data: { lists: [ { heading: footer_list1_heading, links: [ { label: footer_list1_link1, url: footer_list1_url1 }, { label: footer_list1_link2, url: footer_list1_url2 }, { label: footer_list1_link3, url: footer_list1_url3 }, { label: footer_list1_link4, url: footer_list1_url4 }, ] }, { heading: footer_list2_heading, links: [ { label: footer_list2_link1, url: footer_list2_url1 }, { label: footer_list2_link2, url: footer_list2_url2 }, { label: footer_list2_link3, url: footer_list2_url3 }, { label: footer_list2_link4, url: footer_list2_url4 }, ] }, { heading: footer_list3_heading, links: [ { label: footer_list3_link1, url: footer_list3_url1 }, { label: footer_list3_link2, url: footer_list3_url2 }, // { label: footer_list3_link3, url: footer_list3_url3 }, // formely spotify studios { label: footer_list3_link4, url: footer_list3_url4 }, { label: footer_list3_link5, url: footer_list3_url5 }, ] } ], socials: [{ heading: footer_socials_heading, links: [ { label: 'instagram', url: 'http://instagram.com/spotifyforpodcasters' }, { label: 'twitter', url: currPageLocale === (!isProdUrl ? 'ja' : 'ja-JP') ? 'http://twitter.com/forpodcastersjp' : 'https://x.com/spotifycreator' }, ] }], downloads: [{ heading: footer_downloads_heading, links: [ { label: 'apple', url: 'https://creator.spoti.fi/J0pLyf1htOb' }, { label: 'google', url: 'https://creator.spoti.fi/pwWYLy7htOb' }, ] }] }}); } else{ setTimeout(waitForFooterElement, 250); } } waitForFooterElement(); </script> <script type="text/javascript" defer> // <sl:translate> let list1_heading = 'Features'; let list1_link1 = 'Customization'; let list1_link3 = 'Growth'; let list1_link4 = 'Monetization'; let list2_heading = 'Resources'; let list2_link1 = 'News'; let list2_link2 = 'Learn'; let list2_link3 = 'Research'; let list2_link4 = 'Community'; let video_label = 'Video'; let podcast_label = 'Podcast'; let switch_label = 'Switch'; let help_label = 'Help'; let login_label = 'Log in'; let signup_label = 'Sign up'; let pagination_last_label = 'Last'; // </sl:translate> function onMainWebflowBundleLoaded() { if(window.trackJs) { if(window.location.href.includes(".spotify.com")) { trackJs({dataLayerPushInitial: true, googleTagManagerId: 'GTM-NFX358T', oneTrustDomainScript: '50da44be-0564-43df-b139-329aedcf267b', oneTrust: true, market: "US" }); } } //waitForElement(); } function waitForElement(){ if(typeof window.initNavbar !== "undefined"){ const initSection = document.querySelector('.hero, .hero-full-height, .section'); const themeID = initSection.getAttribute('theme'); window.initNavbar({ theme: { name: themeID || 'black' }, data: { navBarItems: [ { label: list1_heading, items: [ { label: list1_link1, url: '/features/customization', stayInTab: true }, { label: list1_link3, url: '/features/growth', stayInTab: true }, { label: list1_link4, url: '/features/monetization', stayInTab: true }, ] }, { label: list2_heading, url: '/resources', stayInTab: true }, { label: video_label, url: '/features/video', stayInTab: true }, { label: podcast_label, url: '/features/podcast', stayInTab: true }, { label: switch_label, url: '/switch', stayInTab: true }, { label: help_label, url: 'https://creators.spotify.com/help', stayInTab: false } ], misc: [ { label: login_label, url: 'https://creator.spoti.fi/3tEaIAohtOb', stayInTab: true }, { label: signup_label, url: 'https://creator.spoti.fi/r7CWS7xhtOb', stayInTab: true } ], locales: [ { cookieValue: 'en', label: 'English', pageLocale: 'en-US', shortLabel: 'EN' }, { cookieValue: 'fr', label: 'Français', pageLocale: 'fr-FR', shortLabel: 'FR' }, { cookieValue: 'de', label: 'Deutsch', pageLocale: 'de-DE', shortLabel: 'DE' }, { cookieValue: 'id', label: 'Indonesia', pageLocale: 'id-ID', shortLabel: 'ID' }, { cookieValue: 'it', label: 'Italiano', pageLocale: 'it-IT', shortLabel: 'IT' }, { cookieValue: 'ja', label: '日本語', pageLocale: 'ja-JP', shortLabel: 'JP' }, //{ cookieValue: 'ko', label: '한국어', pageLocale: 'ko-KR', shortLabel: 'KR' }, //{ cookieValue: 'pl', label: 'Polski', pageLocale: 'pl-PL', shortLabel: 'PL' }, { cookieValue: 'pt', label: 'Português', pageLocale: 'pt-BR', shortLabel: 'PT' }, { cookieValue: 'es-LA', label: 'Español', pageLocale: 'es-LA', shortLabel: 'ES' }, //{ cookieValue: 'th', label: 'ไทย', pageLocale: 'th-TH', shortLabel: 'TH' }, { cookieValue: 'tr', label: 'Türkçe', pageLocale: 'tr-TR', shortLabel: 'TR' }, //{ cookieValue: 'vi', label: 'Tiếng Việt', pageLocale: 'vi-VN', shortLabel: 'VN' }, ] }}); } else { setTimeout(waitForElement, 250); } } waitForElement(); </script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFX358T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body></html>