Ford Hot Rod 1937
const mainWrapper = document.querySelector(".fluid-width-video-wrapper");
const introContainer = document.querySelector(".intro-container");
const video = document.getElementById("intro-video");
const skipBtn = document.getElementById("skip-btn");
const soundBtn = document.getElementById("sound-toggle-btn");
const adOverlay = document.getElementById("ad-click-overlay");
const countdownBar = document.getElementById("countdown-bar");
const thumbnail = document.getElementById("video-thumbnail");
mainWrapper.style.display = "none";
let currentAd = 0;
let timerInterval, skipCountdownInterval, skipTimeout;
function loadAd(index) {
const ad = adData[index];
const skipTime = ad.skipTime;
video.src = ad.file;
video.load();
video.style.display = "block";
video.play();
video.muted = false; // start unmuted
soundBtn.style.display = "block";
soundBtn.textContent = "🔊"; // show unmute icon first
countdownBar.style.width = "0%";
countdownBar.style.display = "block";
skipBtn.style.display = "block";
skipBtn.disabled = true;
skipBtn.innerHTML = `⏭️ Passer la pub dans ${skipTime}s`;
let skipCounter = skipTime;
skipCountdownInterval = setInterval(() => {
skipCounter--;
const timerSpan = document.getElementById("skip-timer");
if (skipCounter > 0) {
timerSpan.textContent = skipCounter;
} else {
clearInterval(skipCountdownInterval);
skipBtn.disabled = false;
skipBtn.textContent = "⏭️ Passer la pub";
}
}, 1000);
timerInterval = setInterval(() => {
if (video.duration) {
const progress = (video.currentTime / video.duration) * 100;
countdownBar.style.width = `${progress}%`;
}
}, 250);
skipTimeout = setTimeout(() => {
skipBtn.style.display = "block";
}, skipTime * 1000);
if (ad.url) {
adOverlay.href = ad.url;
adOverlay.style.display = "block";
} else {
adOverlay.style.display = "none";
}
}
function playNext() {
clearInterval(timerInterval);
clearInterval(skipCountdownInterval);
clearTimeout(skipTimeout);
currentAd++;
if (currentAd < adData.length) {loadAd(currentAd);} else {endIntro();}
}
function endIntro() {
video.style.display = "none";
countdownBar.style.display = "none";
skipBtn.style.display = "none";
introContainer.style.display = "none";
mainWrapper.style.display = "block";
if (typeof player !== "undefined") {player.playVideo();}
soundBtn.style.display = "none";
}
// click thumbnail → start ad flow
thumbnail.addEventListener("click", () => {
if (adData.length > 0) {loadAd(currentAd);} else {endIntro();}
thumbnail.style.display = "none";
});
skipBtn.addEventListener("click", () => {
video.pause();
playNext();
});
soundBtn.addEventListener("click", () => {
if (video.muted) {
video.muted = false;
soundBtn.textContent = "🔊"; // speaker with sound
} else {
video.muted = true;
soundBtn.textContent = "🔇"; // muted icon
}
});
video.addEventListener("ended", playNext);
});
Segments d'émission
Ford Hot Rod 1937 - 6 novembre 2023
Découvrons la voiture Ford Hot Rod 1937 avec Steve Ross.
Passion Auto Rétro
Quand l’histoire de l’automobile prend vie
Passion Auto est une série télévisée consacrée aux voitures antiques et classiques qui ont marqué l’histoire, des élégantes automobiles d’avant-guerre aux modèles emblématiques des Années folles, de l’après-guerre jusqu’à l’âge d’or des Muscle Cars et Hot Rods. À travers des rencontres avec des collectionneurs, restaurateurs et passionnés, la série met en valeur des véhicules d’exception, des projets de restauration remarquables et les histoires humaines qui les font vivre.
Visitez notre site dédié exclusivement à l'émission Passion Auto Rétro
Équipe
- Animation
- Éric Fortier
- Chroniqueurs
- Mario Lacroix
- Mathieu Zizka
- Réalisation
- Éric Delannoy
- Commercialisation
- Montage
- Pierre-Alexandre Pelletier
__thumb_medium.jpg "Les jardins de Métis")
