Video/GIF en boucle sur l'ecran d'accueil

- Choix d'un media d'accueil dans les parametres Evenement
- GIF ou video (MP4/WebM) joue en boucle en fond d'ecran
- Import direct depuis le backoffice
- Si aucun media, l'animation cercle par defaut est affichee
- Le texte (nom evenement, instruction) reste par-dessus

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/js/app.js

@@ -33,8 +33,41 @@ function appliquerConfig() {
   toggleVisible('btn-imprimer', fonc.impression);
   toggleVisible('btn-email', fonc.email);
   toggleVisible('btn-qr', fonc.qr_code);
+
+  // Media d'accueil (video/gif en boucle)
+  appliquerMediaAccueil(event.media_accueil);
 }
 
+function appliquerMediaAccueil(media) {
+  const video = document.getElementById('accueil-video');
+  const gif = document.getElementById('accueil-gif');
+  const animDefaut = document.getElementById('accueil-animation-defaut');
+
+  // Reset
+  video.classList.add('cache');
+  gif.classList.add('cache');
+  video.pause();
+  video.src = '';
+  gif.src = '';
+
+  if (!media) {
+    // Pas de media, afficher l'animation par defaut
+    animDefaut.classList.remove('cache');
+    return;
+  }
+
+  animDefaut.classList.add('cache');
+  const ext = media.split('.').pop().toLowerCase();
+
+  if (ext === 'gif') {
+    gif.src = `/assets/animations/${media}`;
+    gif.classList.remove('cache');
+  } else {
+    video.src = `/assets/animations/${media}`;
+    video.classList.remove('cache');
+    video.play().catch(() => {});
+  }
+
 // --- Navigation ---
 
 function allerA(ecran) {