Comment Insérer une vidéo en automatique et en boucle en HTML

Fermé
Thomas - 8 mars 2016 à 16:51
 kutsushita - 8 mars 2016 à 22:00
Bonjour à tous,

Je n'ai pas énormément de connaissance en matière de langage html, j'aurai donc aimé savoir si vous saviez comment mettre en place une vidéo qui se lancerai automatiquement une fois la page chargée et qui tournerait en boucle (un peu comme un Gif).

Merci d'avance.


A voir également:

1 réponse

Bonsoir,

si vous avez peu de connaissances apprenez. HTML est très simple dans son principe et il faut 20 minutes pour comprendre le principe, 1 journée pour en saisir et pratiquer ses détails.

Vous avez d'ailleurs depuis la version 5 de ce langage la balise video, ici la doc officielle et un exemple que vous pouvez tester et modifier avec la fonction d'autoplay(lecture automatique en anglais).
http://www.w3schools.com/html/html5_video.asp

Pour boucler regarder du côté de l'attribut loop, un exemple ici:
http://www.w3schools.com/tags/att_video_loop.asp

Dans cet exemple il y a aussi l'affichage des menu du lecteur(controls) qui me semble essentiel car ce n'est pas bon de forcer l'utilisateur à lire une vidéo et qu'il doit pouvoir l'arrêter s'il en a envie, même remarque pour la lecture en boucle.
Il y a quelques différences selon que l'utilisateur consulte le site sur mobile ou sur un ordinateur de bureau et il serais judicieux de supprimer l'autoplay sur les appareils mobile car cela va facilement surcharger la RAM de l'appareil ainsi que monopoliser la connexion(bande passante) qui ont moins de débit que celles des réseaux domestiques(adsl, fibre optique) et ont de fortes chances de faire planter le site ou le rendre tellement long à chargé que l'utilisateur aura& envie d'aller voir ailleurs avant que la vidéo et le reste du site s'affiche correctement.

Ce sont des détails, d'importance mais des détails. Pour HTML c'est à la portée d'un gamin de 10 ans et très simple à pratiquer directement alors je pense que vous pouvez commencer par faire un petit cours là dessus.
Préférez les cours sur la version HTML5 qui a aussi l'avantage d'être plus simple à écrire et plus précis et comporte de nouvelles fonctionnalités, certaines triviales à utiliser(comme autoplay et loop pour vidéo, il suffit d'ajouter le mot en attribut de balises) et d'autres faisant appel à des API comme des programmes tout faits en javascript qui comportent des propriétés bien utiles.
0