Acadian Beaumont 1965
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
Acadian Beaumont 1965 - 4 décembre 2023
Dans cet épisode, l'Acadian Beaumont 1965, la Chevrolet Corvette 1959, entrevue avec Robert Bannon et plus encore...
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
