Letztes Youtube-Video auf Wordress einbinden?

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

Woher ich das weiß:eigene Erfahrung
Amberianer 
Fragesteller
 13.04.2022, 16:47

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/

1
Narufumi  14.04.2022, 18:31
@Amberianer

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

0

Moin Moin

Kannst dir ja mal diese Seite anschauen falls es nicht Funktioniert kann ich dir ein HTML code schreiben

https://codewatchers.com/en/blog/how-to-use-wordpress-to-display-recent-videos-from-a-youtube-channel

MFG

Narufumi

Woher ich das weiß:eigene Erfahrung
Amberianer 
Fragesteller
 12.04.2022, 17:14

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?

0