Comme pour la galerie photo , voyons comment créer une page de vidéos. le principe est le meme que pour la galerie photo. on va créer un repertoire avec les videos ( ici au format MP4) et une page html pour l’affichage.
comme pour la page photo, voici le fichier htlm au format txt ( penser a remetre l’extension html dans votre repertoire du serveur ):
par rapport a la page de galerie photo , dans la partie table, on a remplacé les code de redirection photo par des codes de redirection video . ces codes lancent le lecteur vidéo maintenant inclus en standard dans les navigateurs classiques . le format vidéo MP4 est également maintenant un des format standard supporté => il vous faudra donc faire attention a ne pas utiliser n’importe quel format video sur votre site.
<!DOCTYPE html>
<html>
<head>
<title> VIDEOS 1</title>
<style>
th
{
font-size: 2em;
background-color: #f9ddff;
padding: 20px;
}
body
{
font-family: sans-serif;
font-size: lem;
text-align: center;
background-color: slateblue;
}
table
{
background-color: white;
width: 60%;
}
td
{
padding: 25px;
}
</style>
</head>
<body>
<table align="center">
<tr>
<th colspan="4">VIDEOS</th>
</tr>
<tr>
<td>
<video width="640" height="480" controls>
<source src="saturneweb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</td>
</tr>
<tr>
<td>
<video width="640" height="480" controls>
<source src="jupiterweb.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</td>
</tr>
</table>
</body>
</html>voila le look de la page ainsi bâtie après ouverture dans le navigateur:
