add cratube video

site/crapaud-fou.js

@@ -67,7 +67,7 @@ $(document).ready(function() {
 
   // cratube
   $.getJSON("data/tube.json", function(data) {
-    $.each(data.items, function(index, video) {
+    $.each(data.items.slice(0, 10), function(index, video) {
       var link = $("<a>")
       .attr("href", video.url)
       .attr("class", "list-item")
@@ -75,6 +75,9 @@ $(document).ready(function() {
       .text(video.title);
       var li = $("<li>").append(link);
       $(".tube ul").append(li);
+      $(".lastvideo")
+        .attr("src", data.items[0].url.replace("watch", "embed"))
+        .attr("title", data.items[0].title);
     });
   });
 

site/index.html

@@ -229,10 +229,13 @@
       </div>
       <div class="col-12 col-md-6 col-lg-4 mb-4">
         <div class="card tube">
+          <div class="embed-responsive embed-responsive-16by9">
+            <iframe class="lastvideo" width="348" height="196" sandbox="allow-same-origin allow-scripts" src="" frameborder="0" allowfullscreen></iframe>
+          </div>
           <div class="card-body">
             <div class="link">
               <h5 class="card-title text-center">
-                Reportage et videos<br>
+                Reportages et videos<br>
                 <a href="https://tube.crapaud-fou.org" class="badge badge-success stretched-link">https://tube.crapaud-fou.org</a>
               </h5>
               <p>Le serveur peertube des crapauds fous, avec divers reportages et videos, plutot bruts.</p>