1<!DOCTYPE html> 2<html lang="en"><head> 3 <meta charset="utf-8"> 4 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title>Music Videos - Bandits on the Run</title> 7 <meta name="description" content="Bandits on the Run is an indie-folk-pop-americana outfit consisting of three lead singers, a guitar, a cello, a suitcase drum, an accordion, and various toy instruments. They hail from Brooklyn, NY and are known for their vivacious performance style, genre-defying sound, soaring harmonies, and ability to make music-magic happen everywhere from subway platforms to concert halls. "> 8 <link rel="icon" type="image/x-icon" href="https://banditsontherun.com/favicon.ico"> 9 10 <!-- Adobe Typekit for Aktiv Grotesk font --> 11 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 12
12<script type="text/javascript" src="//use.typekit.net/ik/1U0Qm8Z-LyIGVjlBthn4rD8MXCKv0SD0P5CrcC_GZFtfe7SIfFHN4UJLFRbh52jhWDj3ZRj3ZeID5QJ3ZQ9hFQJUFhwhF2yKjU7cMkG0jAFu-WsoShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdP37O1Zui1mEZAUyOAl8pA4zjW4qOW4qSaG0SaBujW48Sagyjh90jhNlOeBRiA8XpWFR-emqiAUTdcS0jhNlOeBRiA8XpWFR-emqiAUTdcS0dcmXOeBDOcu8Oe4ydcsTiYFzd1sGZW4udKo0pAwCdeNRjAUGdaFXOYFUiABkZWF3jAF8ShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdP37O1Zui1mEZAUyOAl8pA4zjW4qOW4qSaG0SaBujW48Sagyjh90jhNlOeBRiA8XpWFR-emqiAUTdcS0jhNlOeBRiA8XpWFR-emqiAUTdcS0dcmXOeBDOcu8Oe4ydcsTiYFzd1sGZW4udKo0pAwCdeNRjAUGdaFXOYFUiABkZWF3jAF8ShFGZAsude80ZkoRdhXCHKoyjamTiY8Djhy8ZYmC-Ao1Oco8if37OcBDOcu8OfG0SaBujW48SagyjhmDjhy8ZYmC-Ao1OcFzdP37O1Zui1mEZAUyOAl8pA4zjW4qOW4qSaG0SaBujW48Sagyjh90jhNlJ6uy-asTiKu1ScNXZWFnH6qJXeXbMg6IJMJ7fbRAdsMMeM96MKG4fF4lIMMjgkMfH6qJXAXbMg65JMJ7f6KH7MIbMg64JMJ7fbRQdsMMegI6MTMgDFks7Mj.js" async></script>
12 13 <link rel="stylesheet" href="https://banditsontherun.com/assets/css/main.css"> 14
14<script src="https://banditsontherun.com/assets/js/navigation.js" defer></script>
14 15
15<script src="https://banditsontherun.com/assets/js/footer.js" defer></script>
15<link type="application/atom+xml" rel="alternate" href="https://banditsontherun.com/feed.xml" title="Bandits on the Run" /><link id="fa-stylesheet" rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@latest/css/all.min.css"> 16</head> 17 <body><header class="nav homepage-nav"> 18 <!-- Navigation Overlay --> 19 <div class="nav-overlay"> 20 <!-- Left: Navigation Links --> 21 <nav class="nav-menu-wrapper nav-left"> 22 <ul class="nav-menu"> 23 24 <li><a href="https://banditsontherun.com/about/" class="nav-link">About</a></li> 25 26 <li><a href="https://banditsontherun.com/shows/" class="nav-link">Shows</a></li> 27 28 <li><a href="https://banditsontherun.com/videos/" class="nav-link">Videos</a></li> 29 30 <li><a href="https://banditsontherun.com/music/" class="nav-link">Music</a></li> 31 32 <li><a href="https://banditsontherunshop.com" class="nav-link">Store</a></li> 33 34 <li><a href="https://banditsontherunshop.com/donate" class="nav-link">Donate</a></li> 35 36 <li><a href="https://banditsontherun.com/contact/" class="nav-link">Contact</a></li> 37 38 <li><a href="https://banditsontherun.com/newsletter/" class="nav-link">Newsletter</a></li> 39 40 <li><a href="https://banditsontherun.com/theatre/" class="nav-link">Theatre</a></li> 41 42 <li><a href="https://banditsontherun.com/justice/" class="nav-link">Justice</a></li> 43 44 </ul> 45 </nav> 46 47 <!-- Center: Logo --> 48 <div class="nav-brand-wrapper"> 49 <a href="https://banditsontherun.com/" class="nav-brand"> 50 <img src="https://banditsontherun.com/assets/images/header-logo.webp" alt="Bandits on the Run" class="nav-logo"> 51 </a> 52 </div> 53 54 <!-- Right: Social Icons --> 55 <div class="nav-social-wrapper"> 56 <ul class="nav-social"><a href="https://instagram.com/banditsontherun" target="_blank" title="Instagram" class="social-link social-link--header"> 57 <i class="fab fa-instagram fa-lg"></i> 58 </a><a href="https://tiktok.com/@banditsontherun" target="_blank" title="TikTok" class="social-link social-link--header"> 59 <i class="fab fa-tiktok fa-lg"></i> 60 </a><a href="https://youtube.com/channel/UCmZX2wCWFdCFwpCrtBm2R5Q" target="_blank" title="YouTube" class="social-link social-link--header"> 61 <i class="fab fa-youtube fa-lg"></i> 62 </a><a href="https://banditsontherun.bandcamp.com" target="_blank" title="Bandcamp" class="social-link social-link--header"> 63 <i class="fab fa-bandcamp fa-lg"></i> 64 </a><a href="https://music.apple.com/us/artist/bandits-on-the-run/1178327860" target="_blank" title="Apple Music" class="social-link social-link--header"> 65 <i class="fab fa-apple fa-lg"></i> 66 </a><a href="https://tidal.com/artist/8284908" target="_blank" title="Tidal" class="social-link social-link--header"> 67 <i class="fab fa-tidal fa-lg"></i> 68 </a><a href="https://open.spotify.com/artist/40wE5c0s5AtxRwWXoPzBg6" target="_blank" title="Spotify" class="social-link social-link--header"> 69 <i class="fab fa-spotify fa-lg"></i> 70 </a></ul> 71 </div> 72 73 <!-- Mobile menu toggle --> 74 <button class="nav-toggle" aria-label="Toggle navigation menu" aria-expanded="false"> 75 <span class="nav-toggle-line"></span> 76 <span class="nav-toggle-line"></span> 77 <span class="nav-toggle-line"></span> 78 </button> 79 </div> 80 81 82<!-- Mobile Menu Overlay --> 83<div class="mobile-menu-overlay"> 84 <!-- Mobile Logo in top-left corner --> 85 <div class="mobile-logo-wrapper"> 86 <img src="https://banditsontherun.com/assets/images/header-logo.webp" alt="Bandits on the Run" class="mobile-logo"> 87 </div> 88 89 <!-- New Mobile X Button --> 90 <button class="mobile-x-button" aria-label="Close mobile menu"> 91 <span class="mobile-x-line"></span> 92 <span class="mobile-x-line"></span> 93 </button> 94 95 <div class="mobile-menu-content"> 96 <nav class="mobile-nav-menu"> 97 <ul class="mobile-nav-list"> 98 99 <li><a href="https://banditsontherun.com/about/" class="mobile-nav-link">About</a></li> 100 101 <li><a href="https://banditsontherun.com/shows/" class="mobile-nav-link">Shows</a></li> 102 103 <li><a href="https://banditsontherun.com/videos/" class="mobile-nav-link">Videos</a></li> 104 105 <li><a href="https://banditsontherun.com/music/" class="mobile-nav-link">Music</a></li> 106 107 <li><a href="https://banditsontherunshop.com" class="mobile-nav-link">Store</a></li> 108 109 <li><a href="https://banditsontherunshop.com/donate" class="mobile-nav-link">Donate</a></li> 110 111 <li><a href="https://banditsontherun.com/contact/" class="mobile-nav-link">Contact</a></li> 112 113 <li><a href="https://banditsontherun.com/newsletter/" class="mobile-nav-link">Newsletter</a></li> 114 115 <li><a href="https://banditsontherun.com/theatre/" class="mobile-nav-link">Theatre</a></li> 116 117 <li><a href="https://banditsontherun.com/justice/" class="mobile-nav-link">Justice</a></li> 118 119 </ul> 120 </nav> 121 </div> 122 123 <!-- Mobile Social Icons - Moved to bottom --> 124 <div class="mobile-social-wrapper"> 125 <ul class="mobile-social"><a href="https://instagram.com/banditsontherun" target="_blank" title="Instagram" class="social-link social-link--header"> 126 <i class="fab fa-instagram fa-lg"></i> 127 </a><a href="https://tiktok.com/@banditsontherun" target="_blank" title="TikTok" class="social-link social-link--header"> 128 <i class="fab fa-tiktok fa-lg"></i> 129 </a><a href="https://youtube.com/channel/UCmZX2wCWFdCFwpCrtBm2R5Q" target="_blank" title="YouTube" class="social-link social-link--header"> 130 <i class="fab fa-youtube fa-lg"></i> 131 </a><a href="https://banditsontherun.bandcamp.com" target="_blank" title="Bandcamp" class="social-link social-link--header"> 132 <i class="fab fa-bandcamp fa-lg"></i> 133 </a><a href="https://music.apple.com/us/artist/bandits-on-the-run/1178327860" target="_blank" title="Ap
133ple Music" class="social-link social-link--header"> 134 <i class="fab fa-apple fa-lg"></i> 135 </a><a href="https://tidal.com/artist/8284908" target="_blank" title="Tidal" class="social-link social-link--header"> 136 <i class="fab fa-tidal fa-lg"></i> 137 </a><a href="https://open.spotify.com/artist/40wE5c0s5AtxRwWXoPzBg6" target="_blank" title="Spotify" class="social-link social-link--header"> 138 <i class="fab fa-spotify fa-lg"></i> 139 </a></ul> 140 </div> 141 </header> 142 <link rel="stylesheet" href="https://banditsontherun.com/assets/css/cinema.css"> 143 144 145 146<main class="container"> 147 <div class="cinema-container"> 148 <div class="cinema-screen"> 149 <div class="carousel" id="cinema-carousel"> 150 151 <div class="carousel-slide active"> 152 <iframe src="https://www.youtube.com/embed/nD5eBE8hSF0?enablejsapi=1" allowfullscreen title="Am I Your Mirror?"></iframe> 153 </div> 154 155 <div class="carousel-slide "> 156 <iframe src="https://www.youtube.com/embed/ffWapMDw1uY?enablejsapi=1" allowfullscreen title="Let's Go Below"></iframe> 157 </div> 158 159 <div class="carousel-slide "> 160 <iframe src="https://www.youtube.com/embed/loWOCZmqceo?enablejsapi=1" allowfullscreen title="Radio (official music video)"></iframe> 161 </div> 162 163 <div class="carousel-slide "> 164 <iframe src="https://www.youtube.com/embed/L-ECWMX276s?enablejsapi=1" allowfullscreen title="You Are Not A Ghost: A NPR Tiny Desk Meditation"></iframe> 165 </div> 166 167 <div class="carousel-slide "> 168 <iframe src="https://www.youtube.com/embed/SWPZsIWlggQ?enablejsapi=1" allowfullscreen title="You Have Changed"></iframe> 169 </div> 170 171 <div class="carousel-slide "> 172 <iframe src="https://www.youtube.com/embed/pU5cLllInVY?enablejsapi=1" allowfullscreen title="Radio, A Tiny Desk Transmission"></iframe> 173 </div> 174 175 <div class="carousel-slide "> 176 <iframe src="https://www.youtube.com/embed/Z_5PJFWpuKQ?enablejsapi=1" allowfullscreen title="She's The Queen"></iframe> 177 </div> 178 179 <div class="carousel-slide "> 180 <iframe src="https://www.youtube.com/embed/YcHSq6VYTk0?enablejsapi=1" allowfullscreen title="Sing You To Sleep"></iframe> 181 </div> 182 183 <div class="carousel-slide "> 184 <iframe src="https://i.ytimg.com/vi/vxSIUxVXxVM/hqdefault.jpg" allowfullscreen title="We Battle Giants"></iframe> 185 </div> 186 187 <div class="carousel-slide "> 188 <iframe src="https://www.youtube.com/embed/c2L201CklNQ?enablejsapi=1" allowfullscreen title="Spellbound"></iframe> 189 </div> 190 191 <div class="carousel-slide "> 192 <iframe src="https://www.youtube.com/embed/BgGUv-oOu_4?enablejsapi=1" allowfullscreen title="Love in the Underground"></iframe> 193 </div> 194 195 </div> 196 197 <!-- Navigation Arrows --> 198 <button class="carousel-arrow left" onclick="showSlide(current - 1)" aria-label="Previous video"> 199 <i class="fas fa-chevron-left"></i> 200 </button> 201 <button class="carousel-arrow right" onclick="showSlide(current + 1)" aria-label="Next video"> 202 <i class="fas fa-chevron-right"></i> 203 </button> 204 </div> 205 <div class="carousel-thumbnails" id="carousel-thumbnails"> 206 207 <img src="https://i.ytimg.com/vi/nD5eBE8hSF0/hqdefault.jpg" class="active" alt="Am I Your Mirror?" onclick="showSlide(0)"> 208 209 <img src="https://i.ytimg.com/vi/ffWapMDw1uY/hqdefault.jpg" class="" alt="Let's Go Below" onclick="showSlide(1)"> 210 211 <img src="https://i.ytimg.com/vi/loWOCZmqceo/hqdefault.jpg" class="" alt="Radio (official music video)" onclick="showSlide(2)"> 212 213 <img src="https://i.ytimg.com/vi/L-ECWMX276s/hqdefault.jpg" class="" alt="You Are Not A Ghost: A NPR Tiny Desk Meditation" onclick="showSlide(3)"> 214 215 <img src="https://i.ytimg.com/vi/SWPZsIWlggQ/hqdefault.jpg" class="" alt="You Have Changed" onclick="showSlide(4)"> 216 217 <img src="https://i.ytimg.com/vi/pU5cLllInVY/hqdefault.jpg" class="" alt="Radio, A Tiny Desk Transmission" onclick="showSlide(5)"> 218 219 <img src="https://i.ytimg.com/vi/Z_5PJFWpuKQ/hqdefault.jpg" class="" alt="She's The Queen" onclick="showSlide(6)"> 220 221 <img src="https://i.ytimg.com/vi/YcHSq6VYTk0/hqdefault.jpg" class="" alt="Sing You To Sleep" onclick="showSlide(7)"> 222 223 <img src="https://i.ytimg.com/vi/vxSIUxVXxVM/hqdefault.jpg" class="" alt="We Battle Giants" onclick="showSlide(8)"> 224 225 <img src="https://i.ytimg.com/vi/c2L201CklNQ/hqdefault.jpg" class="" alt="Spellbound" onclick="showSlide(9)"> 226 227 <img src="https://i.ytimg.com/vi/BgGUv-oOu_4/hqdefault.jpg" class="" alt="Love in the Underground" onclick="showSlide(10)"> 228 229 </div> 230 </div> 231</main> 232
233<script> 234 const slides = document.querySelectorAll('.carousel-slide'); 235 const thumbs = document.querySelectorAll('#carousel-thumbnails img'); 236 let current = 0; 237 238 function showSlide(idx) { 239 // Stop previous video by resetting its src 240 const prevIframe = slides[current].querySelector('iframe'); 241 const prevSrc = prevIframe.src; 242 prevIframe.src = ''; 243 slides[current].classList.remove('active'); 244 thumbs[current].classList.remove('active'); 245 current = (idx + slides.length) % slides.length; 246 slides[current].classList.add('active'); 247 thumbs[current].classList.add('active'); 248 // Restore src for new video (if it was blanked) 249 const newIframe = slides[current].querySelector('iframe'); 250 if (!newIframe.src) newIframe.src = newIframe.getAttribute('data-orig-src') || prevSrc; 251 } 252 253 // Store original src for each iframe 254 slides.forEach(slide => { 255 const iframe = slide.querySelector('iframe'); 256 if (iframe) iframe.setAttribute('data-orig-src', iframe.src); 257 }); 258 259 // Keyboard navigation 260 document.addEventListener('keydown', function(e) { 261 if (e.key === 'ArrowLeft') { 262 showSlide(current - 1); 263 } else if (e.key === 'ArrowRight') { 264 showSlide(current + 1); 265 } 266 }); 267</script>
267 268<footer class="footer"> 269 <div class="container"> 270 <div class="footer-content"> 271 <div class="footer-section social-section"> 272 <div class="social-links"><a href="https://instagram.com/banditsontherun" target="_blank" title="Instagram" class="social-link social-link--default"> 273 <i class="fab fa-instagram fa-lg"></i> 274 </a><a href="https://tiktok.com/@banditsontherun" target="_blank" title="TikTok" class="social-link social-link--default"> 275 <i class="fab fa-tiktok fa-lg"></i> 276 </a><a href="https://youtube.com/channel/UCmZX2wCWFdCFwpCrtBm2R5Q" target="_blank" title="YouTube" class="social-link social-link--default"> 277 <i class="fab fa-youtube fa-lg"></i> 278 </a><a href="https://banditsontherun.bandcamp.com" target="_blank" title="Bandcamp" class="social-link social-link--default"> 279 <i class="fab fa-bandcamp fa-lg"></i> 280 </a><a href="https://music.apple.com/us/artist/bandits-on-the-run/1178327860" target="_blank" title="Apple Music" class="social-link social-link--default"> 281 <i class="fab fa-apple fa-lg"></i> 282 </a><a href="https://tidal.com/artist/8284908" target="_blank" title="Tidal" class="social-link social-link--default"> 283 <i class="fab fa-tidal fa-lg"></i> 284 </a><a href="https://open.spotify.com/artist/40wE5c0s5AtxRwWXoPzBg6" target="_blank" title="Spotify" class="social-link social-link--default"> 285 <i class="fab fa-spotify fa-lg"></i> 286 </a></div> 287 </div> 288 289 <div class="footer-section contact-info"> 290 <div id="footer-cta"> 291 </div> 292 <div class="footer-contact"> 293 <p class="contact-email"><a href="mailto:[email protected]">[email protected]</a></p> 294 <p class="contact-location">BROOKLYN, NY</p> 295 </div> 296 </div> 297 </div> 298 </div> 299</footer> 300 301 </body> 302 303</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.