2021-04-08 12:41:47 +02:00
/// Exemple d'utilisation simple de vCarousel avec 3 vidéos
2021-04-01 17:20:09 +02:00
import { vCarousel } from "./vCarousel" ;
2021-03-31 18:14:03 +02:00
try
{
2021-04-08 12:41:47 +02:00
// Liste des id des contenants des vidéos à faire tourner :
2021-04-01 12:58:47 +02:00
const videosContainers = [ "vFunanbule" , "vForgeron" , "vCircuit" ] ;
// Si un id est fourni par l'url, on affiche cette vidéo en premier :
2021-04-06 18:28:15 +02:00
if ( window . location . hash !== undefined && window . location . hash !== "" )
2021-04-08 17:24:24 +02:00
vCarousel ( videosContainers , { firstVideoId :window.location.hash.replace ( "#" , "" ) } ) ;
2021-04-01 17:20:09 +02:00
else
2021-04-08 17:24:24 +02:00
vCarousel ( videosContainers ) ;
2021-04-01 12:58:47 +02:00
// 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 ++ )
{
let link = < HTMLAnchorElement > selectLinks [ i ] ;
link . addEventListener ( "click" , function ( e )
{
2021-04-08 17:24:24 +02:00
vCarousel ( videosContainers , { firstVideoId :link.hash.replace ( "#" , "" ) , playFirstVideo :true } ) ; // ici je demande à ce que la lecture de la vidéo choisie soit lancée automatiquement.
2021-04-01 12:58:47 +02:00
} ) ;
}
2021-03-31 18:14:03 +02:00
}
catch ( e )
{
console . error ( e ) ;
}