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

Version du 23 novembre 2025 à 16:37

 <video id="videoPN" width="620" style="border-radius: 8px;">
   <source src="Paris-Nord_1938.webp" type="video/webp">
   Votre navigateur ne supporte pas ce format.
 </video>
   <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>
   <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>
   <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>
   <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>