« Video » : différence entre les versions

De WikiNord
Aller à la navigation Aller à la recherche
Page créée avec « <div style="width: 650px; margin: 20px auto; padding: 15px; border: 2px solid #ccc; border-radius: 10px; background: #f9f9f9; text-align: center; box-shadow: 0 0 12px rgba(0,0,0,0.15);"> <!-- La vidéo --> <video id="videoPN" width="620" style="border-radius: 8px;"> <source src="/wiki/Paris-Nord_1938.webp" type="video/webp"> Votre navigateur ne supporte pas ce format. </video> <!-- Boutons --> <div style="margin-top: 15px; display:flex; justif... »
 
Aucun résumé des modifications
 
(6 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
<div style="width: 650px; margin: 20px auto; padding: 15px; border: 2px solid #ccc; border-radius: 10px; background: #f9f9f9; text-align: center; box-shadow: 0 0 12px rgba(0,0,0,0.15);">
<!-- *[[:Media:Paris-Nord_1938.webp|Une vidéo sur Paris-Nord La Chapelle en 1938]]  -->


  <!-- La vidéo -->
  <video id="videoPN" width="620" style="border-radius: 8px;">
    <source src="/wiki/Paris-Nord_1938.webp" type="video/webp">
    Votre navigateur ne supporte pas ce format.
  </video>


  <!-- Boutons -->
  <div style="margin-top: 15px; display:flex; justify-content:center; gap:10px; flex-wrap:wrap;">


    <!-- Bouton démarrer -->
[[:Media:Paris-Nord_1938.webp|Une vidéo sur Paris-Nord La Chapelle en 1938]]
    <button onclick="document.getElementById('videoPN').play()"
            style="padding:8px 16px; font-size:14px; border-radius:6px; background:#4CAF50; color:white; border:none; cursor:pointer;">
      ▶️ Démarrer
    </button>
 
    <!-- Bouton pause -->
    <button onclick="document.getElementById('videoPN').pause()"
            style="padding:8px 16px; font-size:14px; border-radius:6px; background:#E53935; color:white; border:none; cursor:pointer;">
      ⏹️ Arrêter
    </button>
 
    <!-- Stop + retour au début -->
    <button onclick="let v=document.getElementById('videoPN'); v.pause(); v.currentTime=0;"
            style="padding:8px 16px; font-size:14px; border-radius:6px; background:#673AB7; color:white; border:none; cursor:pointer;">
      ⏮️ Retour début
    </button>
 
    <!-- Lien retour -->
    <button onclick="window.location.href='/wiki/portail'"
            style="padding:8px 16px; font-size:14px; border-radius:6px; background:#2196F3; color:white; border:none; cursor:pointer;">
      🔙 Retour
    </button>
 
  </div>
 
</div>

Dernière version du 23 novembre 2025 à 17:13