add cratube video

This commit is contained in:
mose 2019-08-21 09:43:43 +08:00
parent 1e05c08a21
commit bd6ed5da33
4 changed files with 8 additions and 2 deletions

View file

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 71 KiB

After

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 68 KiB

After

Width:  |  Height:  |  Size: 52 KiB

View file

@ -229,10 +229,13 @@
</div> </div>
<div class="col-12 col-md-6 col-lg-4 mb-4"> <div class="col-12 col-md-6 col-lg-4 mb-4">
<div class="card tube"> <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="card-body">
<div class="link"> <div class="link">
<h5 class="card-title text-center"> <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> <a href="https://tube.crapaud-fou.org" class="badge badge-success stretched-link">https://tube.crapaud-fou.org</a>
</h5> </h5>
<p>Le serveur peertube des crapauds fous, avec divers reportages et videos, plutot bruts.</p> <p>Le serveur peertube des crapauds fous, avec divers reportages et videos, plutot bruts.</p>