|
|
| (3 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 1 : |
Ligne 1 : |
| <!-- *[[:Media:Paris-Nord_1938.webp|Une vidéo sur Paris-Nord La Chapelle en 1938]] --> | | <!-- *[[:Media:Paris-Nord_1938.webp|Une vidéo sur Paris-Nord La Chapelle en 1938]] --> |
|
| |
|
| <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/Special:FilePath/Paris-Nord_1938.mp4" type="video/mp4">
| |
| Votre navigateur ne supporte pas cette vidéo.
| |
| </video>
| |
|
| |
|
| <!-- Boutons -->
| | [[:Media:Paris-Nord_1938.webp|Une vidéo sur Paris-Nord La Chapelle en 1938]] |
| <div style="margin-top: 15px; display:flex; justify-content:center; gap:10px; flex-wrap:wrap;">
| |
| | |
| <!-- Bouton démarrer -->
| |
| <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>
| |
| | |
| <!-- Bouton retour vers une page -->
| |
| <button onclick="window.location.href='/wiki/MaPageDeRetour'"
| |
| style="padding:8px 16px; font-size:14px; border-radius:6px; background:#2196F3; color:white; border:none; cursor:pointer;">
| |
| 🔙 Retour
| |
| </button>
| |
| | |
| </div>
| |
| | |
| </div>
| |
