44 lines
1.9 KiB
HTML
44 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>vCarousel (démo)</title>
|
|
<meta name="description" content="Page d'exemple pour le script vCarousel.">
|
|
<meta name="robots" content="noindex">
|
|
<script src="JS/example.app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<h1 id="title">vCarousel</h1>
|
|
<p>Lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée.</p>
|
|
<figure id="vFunanbule">
|
|
<video controls="controls" preload="metadata" width="800">
|
|
<source src="videos/Lizio-Poete-Ferrailleur-clownfunanbule.m4v" type="video/mp4"></source>
|
|
<p>Votre navigateur ne prend pas en charge les vidéos HTML5.</p>
|
|
</video>
|
|
<figcaption>Un clown funanbule !</figcaption>
|
|
</figure>
|
|
<figure id="vForgeron">
|
|
<video controls="controls" preload="metadata" width="800">
|
|
<source src="videos/Lizio-Poete-Ferrailleur-forgeron.m4v" type="video/mp4"></source>
|
|
<p>Votre navigateur ne prend pas en charge les vidéos HTML5.</p>
|
|
</video>
|
|
<figcaption>Il faut forger pour devenir forgeron !</figcaption>
|
|
</figure>
|
|
<figure id="vCircuit">
|
|
<video controls="controls" preload="metadata" width="800">
|
|
<source src="videos/Lizio-Poete-Ferrailleur-drole-de-circuit.m4v" type="video/mp4"></source>
|
|
<p>Votre navigateur ne prend pas en charge les vidéos HTML5.</p>
|
|
</video>
|
|
<figcaption>Drôle de circuit !</figcaption>
|
|
</figure>
|
|
<nav>
|
|
<h3>Au menu</h3>
|
|
<ul>
|
|
<li><a href="#vFunanbule" class="selectVideo">Le funanbule</a></li>
|
|
<li><a href="#vForgeron" class="selectVideo">Le forgeron</a></li>
|
|
<li><a href="#vCircuit" class="selectVideo">Le circuit</a></li>
|
|
</ul>
|
|
</nav>
|
|
<aside><p>Les courtes vidéos de cette page d'exemple ont été enregistrées le 11 août 2016 au <a href="https://www.poeteferrailleur.com/">Poète ferrailleur</a> à Lizio dans le Morbihan.</p></aside>
|
|
</body>
|
|
</html> |