Discussion :

[el_debutanti]

Bonsoir,
J'ai un header qui contient un slider composé de vidéos. Le problème est que, je ne sais pour quelle raison, le slider bloque au bout d'un moment sur une vidéo.
Je souhaiterais donc que lorsqu'on descend sur la page et que l'on remonte via scrolltop, cela rafraichisse le header (pour relancer le slider).
Je pense q'il faut du JS mais je suis loin d'en être certain.
Le HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 <header class="lddc marge_haut">
		<div class="ody"></div>
 
 
 
<div id="slider" class="sl-slider-wrapper">
 
<div id="menu" class="navbar navbar-default navbar-fixed-top">
			<div class="logo_gauche"><a href="https://lmon site" target="_blank"><img src="images/logoblanc_cut.gif" width="60" height="60" alt="logo"></a></div>

et le scrollup :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
            jQuery(function(){
                $(function () {
                    $(window).scroll(function () {
                        if ($(this).scrollTop() > 200 ) { 
                            $('#scrollUp').css('right','10px');
                        } else { 
                            $('#scrollUp').removeAttr( 'style' );
                        }
 
                    });
                });
            });
</script>
<script>
var btn = $('#buttonne');
 
$(window).scroll(function() {
  if ($(window).scrollTop() > 300) {
    btn.addClass('show');
  } else {
    btn.removeClass('show');
  }
});
 
btn.on('click', function(e) {
  e.preventDefault();
  $('html, body').animate({scrollTop:0}, '300');
});

Merci et bonne soirée,
ED

[gabi7756]

Bonjour,
Un header sauf erreur de ma part est censé resté afficher peu importe le scroll sur une page donc j'ai pas vraiment compris ta demande.
Il serait peut être intéressant de se pencher sur le pourquoi la vidéo plante , erreur console / dans l'onglet réseau ?
Et tes screens il en manque la moitié nian ? Pas vu une vidéo quelque part donc bon je m'interroge

Belle journée

[el_debutanti]

Bonjour gabi7756,
Merci pour ta réponse. Oui, l'idéal serait de comprendre pourquoi le slider de 3 vidéos reste, au bout de qq minutes bloqué sur une vidéo.
Ça serait miraculeux même.
Je m'occupe d'envoyer le code ASAP.
Merci encore.

[el_debutanti]

Mais la question a déjà été posée dans ce forum. Comment puis-je retomber dessus ? Je cherche mais rien...

[el_debutanti]

Voici la GROSSE parte du HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<div class="sl-slider" data-midnight="white">
	<div class="sl-slide" data-orientation="vertical">
		<div class="sl-slide-inner">
			<div class="bg-img bg-img-1"></div>
		</div>
	</div>
	<div class="sl-slide" data-orientation="vertical">
		<div class="sl-slide-inner">
			<div class="bg-img bg-img-2">
				<video autoplay loop muted="" playsinline="">
					<source src="./videos/lddcintro.webm"type="videos/webm">
						<source src="./videos/lddcintro.mp4"type="video/mp4"></video>
					</div>
					<div class="marquee-rtl">
						<!-- le contenu défilant -->
						<h3>  PRESENTE</h3>
					</div>
				</div>
			</div>
			<div class="sl-slide" data-orientation="vertical">
				<div class="sl-slide-inner">
					<div class="bg-img bg-img-3">
						<video autoplay loop muted="" playsinline="">
							<source src="./videos/lddcs.webm"type="video/webm">
								<source src="./videos/lddcsex.mp4"type="video/mp4"></video>
							</div>
							<h1>Titre 1</h1>
						</div>
					</div>
					<div class="sl-slide" data-orientation="vertical">
						<div class="sl-slide-inner">
							<div class="bg-img bg-img-4">
								<video autoplay loop muted="" playsinline="">
									<source src="/media/cc0-videos/lddcd.webm"type="video/webm">
										<source src="./videos/lddcd.mp4"type="video/mp4"></video>
									</div>
									<h1>Titre 2</h1>
								</div>
							</div>
							<div class="sl-slide" data-orientation="vertical">
								<div class="sl-slide-inner">
									<div class="bg-img bg-img-1">
										<video autoplay loop muted="" playsinline="">
											<source src="/media/cc0-videos/lddcr.webm"type="video/webm">
												<source src="./videos/lddcr.mp4"type="video/mp4"></video>
											</div>
											<h1>Titre 3</div>
										</div>
										<div class="bg-img bg-img-1">
											<video autoplay loop muted="" playsinline="">
												<source src="/media/cc0-videos/lddcr.webm"type="video/webm">

et le petit <script> :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$('#slider').slitslider({
    autoplay: true, 
    interval: 4500,
    onAfterChange: function(slide, idx) {
        slitslider._startSlideshow(); // Starts the autoplay again
        return false;
    }
});

Le reste (style_slider_css) et "custom_slider_css" sont de gros fichiers. Mais si tu en veux une partie.
Alors la video qui reste affichée est celle-ci- :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
			<div class="bg-img bg-img-2">
				<video autoplay loop muted="" playsinline="">
					<source src="./videos/lddcintro.webm"type="videos/webm">
						<source src="./videos/lddcintro.mp4"type="video/mp4"></video>
					</div>
					<div class="marquee-rtl">
						<!-- le contenu défilant -->
						<h3>  PRESENTE</h3>
					</div>
				</div>
			</div>

Ça fait un an que le souci est en stand-by

Merci à toi et bonne soirée

[NoSmoking]

Bonjour,
comme dit dans une autre de tes discussions

Pour éviter les bizarreries il est bon de tester son code HTML :

• Validateur HTML.