Trans Am avec Sylvain et Raynald
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
Trans Am avec Sylvain et Raynald - 25 septembre 2023
Dans cet épisode, on s'entretient avec Sylvain Provencal et Raynald Bélanger de la série de course Trans Am.
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
