[Résolu] Condition js d'une video : pas d'autre avant fin de la précen

Je propose la solution suivante qui a l'avantage de fonctionner, quoi qu'on pourrait évidemment la vouloir plus compliquée !

Je crée un id "cache" qui se superposera aux liens de lecture des vids afin de les rendre accessibles puis inaccessibles, alternativement selon toute lecture en cours.

En 3 temps : css hml et js

css

#cache{
z-index: 5 !important;
display:block;
position:relative;
margin-top:-80px;
width:720px;
height:100px;
background:#fff;
opacity:.01}

html : le cache recouvre tous les liens

<span id="cache" style="visibility:hidden"></span>

L'id "vids" est le lecteur de vidéos ; à la suite des évènements du lecteur, les liens de lecture seront tous accessibles puis inaccessibles, enfin accessibles :

js

var vids = document.getElementById('vids');
var cache = document.getElementById('cache');

vids.addEventListener('playing', () => {
	cache.style.visibility = 'visible';
});

vids.addEventListener('ended', () => {
	cache.style.visibility = 'hidden';
});

Cela fonctionne parfaitement, et cette solution me suffit.

Donc, je marque le sujet comme [résolu].
Modifié par Gout-de-l-esprit (17 Feb 2022 - 10:45)