feat : Amélioration du RWD des vidéos du bloc ZoomSur (Rennes)

noisettes/sommaire_modeportailcognac_zoomsur.html

-<BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}{!archive}>
-#SET{article_url,#ARTICLE_URL}
-<!-- SLIDER -->
-<div id="diaporama" class="zone-slider navstuff">
-	<header>
-		<h1 class="hide">#TITRE</h1>
-	</header>
-	<div class="slider-slick">
-		<BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>
-		<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
-			<div class="slider-diapo-imgfull">
-				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]>
-					[(#MEDIA|=={image}|oui)
-					<picture>
-						<source srcset="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" media="(min-width: 1160px)" />
-						[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui)<source srcset="[(#FICHIER|copie_locale|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]}|extraire_attribut{src})]" media="(min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px)" />]]
-						<source srcset="[(#FICHIER|copie_locale|image_focus{1024,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]}|extraire_attribut{src})]" media="(min-width: 1024px)" />
-						<source srcset="[(#FICHIER|copie_locale|image_focus{640,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]}|extraire_attribut{src})]" media="(min-width: 640px)" />
-						<source srcset="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" />
-						<img src="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" alt="" width="320" height="[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]" />
-					</picture>
-					]
-					[(#MEDIA|=={video}|oui)
-					<div class="bg-video">
-						
-						[(#MIME_TYPE|=={text/oembed}|non)
-							<video autoplay loop muted preload="true">
-								<source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>
-							</video>]
-						[(#MIME_TYPE|=={text/oembed}|oui)
-							<iframe class="bg-video__iframe" id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" frameborder="0" allowfullscreen="1" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&amp;autoplay=1&amp;loop=1&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;html5=1&amp;mute=1" loading="lazy"></iframe>]
-						
-					</div>
-					]
-				</a>
-			</div>
-		</div>
-		</BOUCLE_Slider>
-		<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
-			<div class="slider-diapo-imgfull">
-				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]>
-					<img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />
-				</a>
-			</div>
-		</div>
-		<//B_Slider>
-	</div>
-	<div id="liens-diaporama">
-		<ul>
-			<li class="#EDIT{titre}">
-				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
-					<span>#TITRE</span>
-					<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
-				</a>
-			</li>
-			[<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]
-			[<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]
-		</ul>
-	</div>
-</div>
-<!-- fin SLIDER -->
-</BOUCLE_ZoomSur>
-
+<BOUCLE_ZoomSur(ARTICLES) {titre_mot=ZoomSur}{!par date}{0,1}{lang}{!archive}>
+#SET{article_url,#ARTICLE_URL}
+<!-- SLIDER -->
+<div id="diaporama" class="zone-slider navstuff">
+	<header>
+		<h1 class="hide">#TITRE</h1>
+	</header>
+	<div class="slider-slick">
+		<BOUCLE_Slider(DOCUMENTS){id_article}{mode=document}{par rang_lien, num titre, titre}{!par date}{media IN image,video}{vu=non}>
+		<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+			<div class="slider-diapo-imgfull">
+				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]>
+					[(#MEDIA|=={image}|oui)
+					<picture>
+						<source srcset="[(#FICHIER|copie_locale|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" media="(min-width: 1160px)" />
+						[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|>{1024}|oui)[(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|<{1160}|oui)<source srcset="[(#FICHIER|copie_locale|image_focus{#CONFIG{soyezcreateurs_layout/largeurconteneur,960},[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.2})]}|extraire_attribut{src})]" media="(min-width: #CONFIG{soyezcreateurs_layout/largeurconteneur,960}px)" />]]
+						<source srcset="[(#FICHIER|copie_locale|image_focus{1024,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.4})]}|extraire_attribut{src})]" media="(min-width: 1024px)" />
+						<source srcset="[(#FICHIER|copie_locale|image_focus{640,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{1.8})]}|extraire_attribut{src})]" media="(min-width: 640px)" />
+						<source srcset="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" />
+						<img src="[(#FICHIER|copie_locale|image_focus{320,[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]}|extraire_attribut{src})]" alt="" width="320" height="[(#CONFIG{soyezcreateurs/hauteur_slider,580}|div{2.5})]" />
+					</picture>
+					]
+					[(#MEDIA|=={video}|oui)
+					<div class="bg-video">
+						
+					[(#MIME_TYPE|=={text/oembed}|non)
+						<video autoplay loop muted preload="true">
+							<source src="#FICHIER" type="[(#EXTENSION|in_array{#LISTE{mp4,webm,ogv}}|?{[(#MIME_TYPE|replace{application/,video/})],#MIME_TYPE})]"/>
+							</video>]
+					[(#MIME_TYPE|=={text/oembed}|oui)
+							<iframe class="bg-video__iframe" id="mbYTP_bgndVideo#ID_DOCUMENT" class="playerBox" frameborder="0" allowfullscreen="1" src="[(#INCLURE{#FICHIER}|extraire_attribut{src})]&amp;autoplay=1&amp;loop=1&amp;modestbranding=1&amp;controls=0&amp;showinfo=0&amp;rel=0&amp;allowfullscreen=true&amp;wmode=transparent&amp;iv_load_policy=3&amp;html5=1&amp;mute=1" loading="lazy"></iframe>]
+						
+					</div>
+					]
+				</a>
+			</div>
+		</div>
+		</BOUCLE_Slider>
+		<div class="slider show-for-medium" role="region" aria-label="Diaporama d'accueil">
+			<div class="slider-diapo-imgfull">
+				<a href="#GET{article_url}"[ title="(#_ZoomSur:DESCRIPTIF|supprimer_tags|attribut_html)"]>
+					<img src="[(#CHEMIN{images/placeholder.jpg}|image_focus{1920,#CONFIG{soyezcreateurs/hauteur_slider,580}}|extraire_attribut{src})]" alt="" />
+				</a>
+			</div>
+		</div>
+		<//B_Slider>
+	</div>
+	<div id="liens-diaporama">
+		<ul>
+			<li class="#EDIT{titre}">
+				<a href="#ARTICLE_URL"[ title="(#DESCRIPTIF|supprimer_tags|attribut_html)"]>
+					<span>#TITRE</span>
+					<svg class="svg-icon"><use xlink:href="#icon-arrow-right2"></use></svg>
+				</a>
+			</li>
+			[<li class="hide-for-small-only">(#INCLURE{fond=noisettes/liste_auteurs,id_article,nolink=1})</li>]
+			[<li class="hide-for-small-only">(#INCLURE{fond=noisettes/aff_datepublication,id_article,lang})</li>]
+		</ul>
+	</div>
+</div>
+<!-- fin SLIDER -->
+</BOUCLE_ZoomSur>
+
 #FILTRE{mini_html}
\ No newline at end of file