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

Bonjour aux Alsanautes,
j'ai un cas particulier où je souhaite ne pas permettre la lecture d'une nouvelle vidéo avant la fin de celle en cours.

Je crains de m'être emmêlé les pinceaux dans le jeu conditionnel de mes méthodes .js

Une idée ?

Merci d'avance ...

Edit : je précise que pour l'unique lecteur, j'ai plusieurs vids, mais qu'en fait je devine que la solution s'opèrera sur ce lecteur.
Modifié par Gout-de-l-esprit (17 Feb 2022 - 01:43)

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)