32 lines
1.3 KiB
JavaScript
32 lines
1.3 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
// Exemple d'utilisation simple de vCarousel avec 3 vidéos
|
|
var vCarousel_1 = require("./vCarousel");
|
|
try {
|
|
// Initialisation vCarousel :
|
|
var videosContainers = ["vFunanbule", "vForgeron", "vCircuit"];
|
|
var testvCarousel_1 = new vCarousel_1.vCarousel();
|
|
testvCarousel_1.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_1.firstVideoId = window.location.hash.replace("#", "");
|
|
// On lance le carrousel :
|
|
testvCarousel_1.run();
|
|
// Dans le cas où l'utilisateur clique pour sélectionner une vidéo à afficher, on actualise l'affichage :
|
|
var selectLinks = document.querySelectorAll(".selectVideo");
|
|
var _loop_1 = function (i) {
|
|
var link = selectLinks[i];
|
|
link.addEventListener("click", function (e) {
|
|
testvCarousel_1.firstVideoId = link.hash.replace("#", "");
|
|
testvCarousel_1.playFirstVideo = true; // ici je demande à ce que la lecture de la vidéo choisie soit lancée automatiquement.
|
|
testvCarousel_1.run();
|
|
});
|
|
};
|
|
for (var i = 0; i < selectLinks.length; i++) {
|
|
_loop_1(i);
|
|
}
|
|
}
|
|
catch (e) {
|
|
console.error(e);
|
|
}
|