Browse Source

Revue pages HTML des exemples.

master
Fabrice PENHOËT 1 year ago
parent
commit
95fa8eeb19
  1. 10
      public/CSS/vcarousel.css
  2. 2
      public/flickity.html
  3. 2
      public/index.html

10
public/CSS/vcarousel.css

@ -18,4 +18,14 @@ padding-top:2em;
#videos video
{
width:600px;
}
nav ul
{
margin-left:0;
padding-left:0;
}
nav li
{
list-style:none;
margin-bottom:0.5em;
}

2
public/flickity.html

@ -13,7 +13,7 @@
<body>
<div id="videos">
<h1 id="title">vCarousel</h1>
<p>Dans cet exemple vCarousel est associé à un carrousel d'images plus classique gèré via <a href="https://flickity.metafizzy.co/" target="_blank" rel="noopener">flickity</a> servant de menu pour choisir la première vidéo à visionner. Ensuite vCarousel enchaîne les vidéos et synchronise l'affichage de flickity.</p>
<p>Dans cet exemple vCarousel est associé à un carrousel d'images plus classique géré via <a href="https://flickity.metafizzy.co/" target="_blank" rel="noopener">Flickity</a> servant de menu pour choisir la première vidéo à visionner. Ensuite vCarousel enchaîne les vidéos et synchronise l'affichage de Flickity.</p>
<figure id="vFunanbule">
<video controls preload="metadata">

2
public/index.html

@ -12,7 +12,7 @@
<body>
<div id="videos">
<h1>vCarousel</h1>
<p>Exemple d'utilisation simple : lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée. <a href="/flickity.html">Voir un autre exemple d'utilisation où VCarousel est associé à un carrousel d'images</a>.</p>
<p>Exemple d'utilisation simple : lorsqu'une vidéo se termine, la suivante la remplace, prête à être lancée. <a href="flickity.html">Cliquez-ici</a> pour voir un autre exemple d'utilisation où vCarousel est associé à un carrousel d'images Flickity.</p>
<figure id="vFunanbule">
<video controls="controls" preload="metadata" width="800">

Loading…
Cancel
Save