add cratube video
This commit is contained in:
parent
1e05c08a21
commit
bd6ed5da33
4 changed files with 8 additions and 2 deletions
|
@ -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 |
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue