vCarousel/src/example.js

"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);
}