« HTML/vidéo » : différence entre les versions
Aller à la navigation
Aller à la recherche
Aucun résumé des modifications |
Aucun résumé des modifications |
||
| Ligne 4 : | Ligne 4 : | ||
<head> | <head> | ||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
<title> | <title>Titre</title> | ||
<style> | <style> | ||
body { | body { | ||
text-align: center; | text-align: center; | ||
margin: 0; | |||
padding: 0; | |||
} | } | ||
h1 { | h1 { | ||
margin: 0 0 .1em 0; | |||
padding: .5em; | |||
color:white; | color: white; | ||
background:#004588; | background: #004588; | ||
} | } | ||
h2 { | h2 { | ||
margin:0; | margin: 0; | ||
padding:.5em; | padding: .5em; | ||
color:white; | color: white; | ||
background:#004588; | background: #004588; | ||
} | } | ||
.video { | .video { | ||
margin: .5em; | |||
padding: 0; | |||
display: inline-block; | display: inline-block; | ||
background: #004588; | |||
border: 3px solid #004588; | |||
} | } | ||
video { | video { | ||
| Ligne 44 : | Ligne 44 : | ||
</head> | </head> | ||
<body> | <body> | ||
<h1> | <h1>Titre</h1> | ||
<div class="video"> | <div class="video"> | ||
<h2>Les glucides</h2> | <h2>Les glucides</h2> | ||
<video width="380" height="240" controls> | |||
<source src="01glucides.mp4" type="video/mp4"> | |||
</video> | </video> | ||
</div> | </div> | ||
<div class="video"> | <div class="video"> | ||
<h2>La composition</h2> | <h2>La composition</h2> | ||
<video width="380" height="240" controls> | <video width="380" height="240" controls> | ||
<source src="02composition.mp4" type="video/mp4"> | |||
</video> | </video> | ||
</div> | </div> | ||
<div class="video"> | <div class="video"> | ||
<h2>Bruxelles</h2> | <h2>Bruxelles</h2> | ||
<video width="380" height="240" controls> | <video width="380" height="240" controls> | ||
<source src="03bruxelles.mp4" type="video/mp4"> | |||
</video> | </video> | ||
</div> | </div> | ||
<footer> | <footer> | ||
</footer> | </footer> | ||
</body> | </body> | ||
</html> | </html> | ||
</source> | </source> | ||
Version du 19 décembre 2017 à 12:30
<!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>