2021-03-31 18:14:03 +02:00
<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
2021-04-01 15:55:11 +02:00
< title > vCarousel (démo)< / title >
2021-04-01 12:58:47 +02:00
< meta name = "description" content = "Page d'exemple pour le script vCarousel." >
< meta name = "robots" content = "noindex" >
2021-03-31 18:14:03 +02:00
< script src = "JS/example.app.js" defer > < / script >
< / head >
< body >
2021-04-01 15:55:11 +02:00
< h1 id = "title" > vCarousel< / h1 >
< p > Lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée.< / p >
2021-03-31 18:14:03 +02:00
< figure id = "vFunanbule" >
2021-04-01 16:49:01 +02:00
< video controls = "controls" preload = "metadata" width = "800" >
2021-03-31 18:14:03 +02:00
< source src = "videos/Lizio-Poete-Ferrailleur-clownfunanbule.m4v" type = "video/mp4" > < / source >
2021-04-01 16:49:01 +02:00
< p > Votre navigateur ne prend pas en charge les vidéos HTML5.< / p >
2021-03-31 18:14:03 +02:00
< / video >
< figcaption > Un clown funanbule !< / figcaption >
< / figure >
< figure id = "vForgeron" >
2021-04-01 16:49:01 +02:00
< video controls = "controls" preload = "metadata" width = "800" >
2021-03-31 18:14:03 +02:00
< source src = "videos/Lizio-Poete-Ferrailleur-forgeron.m4v" type = "video/mp4" > < / source >
2021-04-01 16:49:01 +02:00
< p > Votre navigateur ne prend pas en charge les vidéos HTML5.< / p >
2021-03-31 18:14:03 +02:00
< / video >
< figcaption > Il faut forger pour devenir forgeron !< / figcaption >
< / figure >
< figure id = "vCircuit" >
2021-04-01 16:49:01 +02:00
< video controls = "controls" preload = "metadata" width = "800" >
2021-03-31 18:14:03 +02:00
< source src = "videos/Lizio-Poete-Ferrailleur-drole-de-circuit.m4v" type = "video/mp4" > < / source >
2021-04-01 16:49:01 +02:00
< p > Votre navigateur ne prend pas en charge les vidéos HTML5.< / p >
2021-03-31 18:14:03 +02:00
< / video >
< figcaption > Drôle de circuit !< / figcaption >
< / figure >
2021-04-01 12:58:47 +02:00
< 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 >
2021-03-31 18:14:03 +02:00
< / body >
< / html >
