« HTML/vidéo » : différence entre les versions

Aller à la navigation Aller à la recherche
(Page créée avec « <source lang="html5"> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>France 5, quelles croquettes pour nos bêtes, 8 octobre 2017</title> <style> body {... »)
 
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
<source lang="html5">
<source lang="html5">
<!DOCTYPE html>
<!DOCTYPE html>
<html>
<html>
<head>
<head>

Version du 19 décembre 2017 à 12:25

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>France 5, quelles croquettes pour nos bêtes, 8 octobre 2017</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>Vidéos extraites du reportage diffusé sur France 5, le 8 octobre 2017.</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>&nbsp;
</footer>
</body>
</html>