WeatherTech FloorLiners – Custom Fit All-Weather Floor Mats for Vehicles

Adventure Outdoors Verified independent store

→

BUY & Outfit My Vehicle Experience superior all-weather interior protection with WeatherTech FloorLiners — engineered for a precise custom fit and built to handle mud, snow, slush, and spills with ease. Click to Watch WeatherTech FloorLiner Feature Video Your browser does not support the video tag. Watch the official WeatherTech FloorLiner HP Feature Video and see how these custom-fit mats protect your vehicle’s interior through every season. @keyframes fadeIn { from{opacity:0;transform:translateY(-6px);} to{opacity:1;transform:translateY(0);} } .rotated { transform:rotate(90deg); } .video-container { position:relative; width:100%; max-width:800px; aspect-ratio:16/9; margin:0 auto; border-radius:12px; overflow:hidden; background:#000; box-shadow:0 3px 10px rgba(0,0,0,0.1); } .video-container video { width:100%; height:100%; object-fit:cover; border-radius:12px; } .play-overlay { position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.25); cursor:pointer; transition:opacity .3s ease; z-index:5; } .play-triangle { width:90px; height:90px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.5)); transition:transform 0.2s ease; } .play-overlay:hover .play-triangle { transform:scale(1.1); } .loading-spinner { display:none; position:absolute; width:50px; height:50px; border:4px solid rgba(3,168,78,0.2); border-top-color:#03A84E; border-radius:50%; animation:spin 1s linear infinite; } @keyframes spin { to { transform:rotate(360deg); } } @media(max-width:768px){ .video-container { max-width:100%; } .play-triangle { width:70px; height:70px; } #videoToggle span { font-size:15px; } } document.addEventListener("DOMContentLoaded",function(){ const toggle=document.getElementById("videoToggle"); const videoDiv=document.getElementById("weathertech-video"); const arrow=document.getElementById("arrowIcon"); const video=document.getElementById("weathertechVideo"); const overlay=document.getElementById("playOverlay"); const spinner=document.getElementById("loadingSpinner"); toggle.addEventListener("click",()=>{ const show=videoDiv.style.display!=="block"; videoDiv.style.display=show?"block":"none"; arrow.classList.toggle("rotated",show); if(!show){video.pause();} }); overlay.addEventListener("click",()=>{ overlay.style.pointerEvents="none"; spinner.style.display="block"; video.play(); }); video.addEventListener("playing",()=>{ spinner.style.display="none"; overlay.style.opacity="0"; setTimeout(()=>overlay.style.display="none",300); }); video.addEventListener("pause",()=>{ overlay.style.display="flex"; overlay.style.opacity="1"; overlay.style.pointerEvents="auto"; }); }); { "@context": "https://schema.org", "@type": "VideoObject", "name": "WeatherTech FloorLiner HP Feature Video", "description": "Official WeatherTech feature video showcasing the design, durability, and custom-fit protection of WeatherTech FloorLiner HP.", "thumbnailUrl": "https://www.weathertech.ca/static/images/product/floorliner-hp-thumbnail.jpg", "uploadDate": "2025-01-01", "duration": "PT1M45S", "contentUrl": "https://images.weathertech.com/741cc2c0-43ad-4428-96e8-b1af00388e3c/22_273_1MV_FloorLinerHP_Original%20file.mp4?apr_optimization=false", "embedUrl": "{{ shop.url }}{{ product.url }}", "publisher": { "@type": "Organization", "name": "WeatherTech", "logo": { "@type": "ImageObject", "url": "https://cdn.shopify.com/s/files/1/0000/0000/files/weathertech-logo.png" } } } Show more