HTML/vidéo
Aller à la navigation
Aller à la recherche
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Titre</title> <style> body { text-align: center; margin: 0; padding: 0; } h1 { margin: 0 0 .1em 0; padding: .5em; color: white; background: #004588; } h2 { margin: 0; padding: .5em; color: white; background: #004588; } .video { margin: .5em; padding: 0; display: inline-block; background: #004588; border: 3px solid #004588; } video { margin:.1em; padding:.2em; } footer { position: fixed; bottom: 0; width: 100%; background:#004588; } </style> </head> <body> <h1>Titre</h1> <div class="video"> <h2>Les glucides</h2> <video width="380" height="240" controls> <source src="01glucides.mp4" type="video/mp4"> </video> </div> <div class="video"> <h2>La composition</h2> <video width="380" height="240" controls> <source src="02composition.mp4" type="video/mp4"> </video> </div> <div class="video"> <h2>Bruxelles</h2> <video width="380" height="240" controls> <source src="03bruxelles.mp4" type="video/mp4"> </video> </div> <footer> </footer> </body> </html>