vCarousel/src/example.ts

34 lines
1.2 KiB
TypeScript

// Exemple d'utilisation simple de vCarousel avec 3 vidéos
import { vCarousel } from "./vCarousel";
try
{
// Initialisation vCarousel :
const videosContainers=["vFunanbule", "vForgeron", "vCircuit"];
const testvCarousel=new vCarousel();
testvCarousel.vContainers=videosContainers;
// Si un id est fourni par l'url, on affiche cette vidéo en premier :
if(window.location.hash !== undefined && window.location.hash !== "")
testvCarousel.firstVideoId=window.location.hash.replace("#","");
// On lance le carrousel :
testvCarousel.playNextVideos=true;
testvCarousel.run();
// Dans le cas où l'utilisateur clique pour sélectionner une vidéo à afficher, on actualise l'affichage :
let selectLinks=document.querySelectorAll(".selectVideo");
for (let i = 0; i < selectLinks.length; i++)
{
const link=<HTMLAnchorElement>selectLinks[i];
link.addEventListener("click", function(e)
{
testvCarousel.firstVideoId=link.hash.replace("#","");
testvCarousel.playFirstVideo=true;// ici je demande à ce que la lecture de la vidéo choisie soit lancée automatiquement.
testvCarousel.run();
});
}
}
catch(e)
{
console.error(e);
}