#163 : merge de dev pour mis a jour de la branche.

Webzine.WebApplication/Views/Titre/Details.cshtml

@@ -93,14 +93,28 @@
     </div>
 
     <!-- LECTEUR -->
-    @if (!string.IsNullOrEmpty(Model.Details.UrlEcoute))
+    @if (!string.IsNullOrEmpty(Model.Details.UrlEmbedEcoute))
     {
         <div class="mt-4">
-            <iframe width="100%" height="315"
-                    src="@Model.Details.UrlEcoute"
-                    title="Lecteur"
-                    allowfullscreen>
+            <h4 class="mb-3">Ecouter le titre</h4>
+            <iframe src="@Model.Details.UrlEmbedEcoute"
+                    width="100%"
+                    height="152"
+                    title="Lecteur Spotify"
+                    frameborder="0"
+                    allowfullscreen
+                    allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture"
+                    loading="lazy">
             </iframe>
+
+            @if (!string.IsNullOrEmpty(Model.Details.UrlEcoute))
+            {
+                <p class="mt-2 mb-0">
+                    <a href="@Model.Details.UrlEcoute" target="_blank" rel="noopener noreferrer">
+                        Ouvrir dans Spotify
+                    </a>
+                </p>
+            }
         </div>
     }
 
@@ -195,4 +209,4 @@
 
     </div>
 
-</div>
+</div>