Letztes Youtube-Video auf Wordress einbinden?
Ich suche nach einer Möglichkeit, wie ich automatisch das letzte öffentliche Youtube-Video meines Kanals auf meiner Wordpress-Seite einbinden kann.
Ich habe bereits zahlreiche Plugins wie
- Embed Plus Plugin for YouTube
- Feeds for YouTube
- WP YouTube Lyte
- YourChannel
- YouTube Embed
- Auto YouTube Importer
- und weitere
ausprobiert. Doch das Problem bei den meisten ist, dass Sie auch die Premiere-Videos, die erst in der Zukunft veröffentlicht werden, anzeigen.
Ich möchte allerdings nur die bereits veröffentlichten anzeigen lassen.
Wer hat Erfahrungen und weiß konkret, wie das geht?
2 Antworten
Guten Abend.
Mit dieser Methode können Sie das neueste, zweitneueste oder drittneueste Video von jedem YouTube-Kanal einbetten, indem Sie dessen Kanal-ID kennen. Die Kanal-ID sollte im cid-Parameter des Iframes ersetzt werden. Um das neueste Video zu laden, verwenden Sie den Parameter vnum='0' und für das zweitneueste verwenden Sie vnum='1' und so weiter.
<iframe class="latestVideoEmbed" vnum='0' cid="UCBJycsmduvYEL83R_U4JriQ" width="600" height="340" frameborder="0" allowfullscreen></iframe>
<iframe class="latestVideoEmbed" vnum='1' cid="UC0xXUfNSFQN3qOmf_G_nT5w" width="600" height="340" frameborder="0" allowfullscreen></iframe>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
var reqURL = "https://api.rss2json.com/v1/api.json?rss_url=" + encodeURIComponent("https://www.youtube.com/feeds/videos.xml?channel_id=");
function loadVideo(iframe) {
$.getJSON(reqURL + iframe.getAttribute('cid'),
function(data) {
var videoNumber = (iframe.getAttribute('vnum') ? Number(iframe.getAttribute('vnum')) : 0);
console.log(videoNumber);
var link = data.items[videoNumber].link;
id = link.substr(link.indexOf("=") + 1);
iframe.setAttribute("src", "https://youtube.com/embed/" + id + "?controls=0&autoplay=1");
}
);
}
var iframes = document.getElementsByClassName('latestVideoEmbed');
for (var i = 0, len = iframes.length; i < len; i++) {
loadVideo(iframes[i]);
}
</script>
Hier kannst du den Code austesten und ggf anpassen:
https://jsfiddle.net/shaneapen/wh6r1suy/
Mit freundlichen Grüßen
Narufumi
Tut mir leid da kann ich dir gerade nicht Helfen, ich denke das hat was mit deinen Customizer Einstellung zutun oder ist von Youtube selbst... evtl Zoom.. Sorry aber ich hoffe der Code hat dir oben etwas gebracht habe ihn extra für dich geschrieben.
ps für weitere fragen stehe ich gerne zur Verfügung und Helfe wo ich Helfen kann.
bleiben sie Gesund.
Mit freundlichen grüßen
Narufumi
Hallo
Besten Dank für den Hinwis. Ich habe das Scipt ausprobiert und es funktioniert sehr gut. Was ich mir jedoch wünsch, das am Ende ein einfacher Link zum letzten Video besteht, sodass ich dies überal mit einem Link einbinden kann. Grundsätzlich sollte dies ja möglih sein, da die infos als Variabel im Script zur verfügung stehen. Ich habe jedoch dies mit meinen sehr bescheidenen Programmierkenntnissen nicht fertig gebracht. Ev kann mir da jemand weiterhelfen? Besten Dank und Grüsse
Moin Moin
Kannst dir ja mal diese Seite anschauen falls es nicht Funktioniert kann ich dir ein HTML code schreiben
MFG
Narufumi
Vielen Dank für Ihre Antwort. Dieses Plugin habe ich ebenfalls probiert. Es funktioniert grundsätzlich, doch zeigt als letztes Video eine Premiere in der Zukunft an.
Hinzu kommt, dass ich eine Lösung bevorzuge, bei der ich einmal zahle, statt jährlich.
Was würde mich Ihre Lösung kosten?
Vielen Dank, das ist wirklich eine große Hilfe!
Es funktioniert zumindest auf dem Desktop, auf dem Smartphone noch nicht, da wird das Video im Format 1:1 angezeigt. Wie kann man das lösen?
Haben Sie auch eine Lösung, wie ich das Video ohne den schwarzen Balken oben und unten anzeige und den Videotitel darunter anzeigen lasse? So dass alles im einheitlichen Look mit dem letzten Blogbeitrag in der rechten Spalte steht?
https://weltenwandler.net/startseite-neu/