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>