Aktuellstes YouTube Video einbinden

    Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

    • Aktuellstes YouTube Video einbinden

      Hallo zusammen,

      Kurz gesagt... Ist es möglich immer das aktuellste Video eines YouTube Kanals automatisch einbinden zu lassen? - bzw. gibt es dafür von YouTube einen reflink, der dies ermöglicht?
      Ich möchte dieses Video, welches am aktuellsten ist auf unserer Webseite anzeigen lassen.
      Beispiel:
      Ich habe gestern das Video mit dem Titel "Fallschirmsprung hautnah" hochgeladen und dieses wird mir nun auf meiner Seite angezeigt.
      Morgen aber lade ich ein neues Video hoch mit dem Titel "Das Ende des Fallschirmsprungs...". Nun möchte ich, dass dieses automatisch auf
      der Seite angezeigt wird, da es ja nun das aktuellste ist.

      MfG Hadrev
      [Blockierte Grafik: http://up.picr.de/31251898ov.jpg]
    • Mit JavaScript wäre das laut Youtube API möglich:

      JavaScript-Quellcode

      1. // Sample js code for activities.list
      2. // See full sample for buildApiRequest() code, which is not
      3. // specific to a particular youtube or youtube method.
      4. buildApiRequest('GET',
      5. '/youtube/v3/activities',
      6. {'channelId': 'UCxCZkyH2RcuHjNsrwWL2HPA',
      7. 'maxResults': '25',
      8. 'part': 'snippet,contentDetails'});
      Das liefert dir eine Liste des Contents vom gewünschten Channel und das neueste Video ist immer das erste in der Liste.

      Quellcode

      1. /**
      2. * API response
      3. */
      4. {
      5. "kind": "youtube#activityListResponse",
      6. "etag": "\"m2yskBQFythfE4irbTIeOgYYfBU/u2UVKXnfL19A_sUoY-Da00sPS0E\"",
      7. "nextPageToken": "CBkQAA",
      8. "pageInfo": {
      9. "totalResults": 60,
      10. "resultsPerPage": 25
      11. },
      12. "items": [
      13. {
      14. "kind": "youtube#activity",
      15. "etag": "\"m2yskBQFythfE4irbTIeOgYYfBU/ZdP0QivzdXno2_kSi4MUmQwvfzc\"",
      16. "id": "VTE1MDI2NTk2ODU5NDA3NTUwOTY5MDY0MA==",
      17. "snippet": {
      18. "publishedAt": "2017-08-13T21:28:05.000Z",
      19. "channelId": "UCxCZkyH2RcuHjNsrwWL2HPA",
      20. "title": "[MTA:SA] Shader test resource",
      21. "description": "Cause im cleaning my mta folder, i´ve started implementing all my test shaders into a single resource where i can test and modify them. Is a first version and not finished. Will be updated from time to time now.\n\nDownload: https://community.multitheftauto.com/index.php?p=resources&s=details&id=14708",
      22. "thumbnails": {
      23. "default": {
      24. "url": "https://i.ytimg.com/vi/hBob-5WNe3o/default.jpg",
      25. "width": 120,
      26. "height": 90
      27. },
      28. "medium": {
      29. "url": "https://i.ytimg.com/vi/hBob-5WNe3o/mqdefault.jpg",
      30. "width": 320,
      31. "height": 180
      32. },
      33. "high": {
      34. "url": "https://i.ytimg.com/vi/hBob-5WNe3o/hqdefault.jpg",
      35. "width": 480,
      36. "height": 360
      37. },
      38. "standard": {
      39. "url": "https://i.ytimg.com/vi/hBob-5WNe3o/sddefault.jpg",
      40. "width": 640,
      41. "height": 480
      42. },
      43. "maxres": {
      44. "url": "https://i.ytimg.com/vi/hBob-5WNe3o/maxresdefault.jpg",
      45. "width": 1280,
      46. "height": 720
      47. }
      48. },
      49. "channelTitle": "[email protected]",
      50. "type": "upload"
      51. },
      52. "contentDetails": {
      53. "upload": {
      54. "videoId": "hBob-5WNe3o"
      55. }
      56. }
      57. },
      58. .
      59. .
      60. .
      61. .
      62. usw...
      Alles anzeigen
      Hier könntest du dir dann die Video ID raus parsen:

      i.ytimg.com/vi/hBob-5WNe3o/default.jpg

      Die steht ja sogar drin: "videoId": "hBob-5WNe3o"

      Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von [email protected] ()

    • Wäre auf jedenfall eine Möglichkeit, aber wie bekomme ich das ganze so, dass ich es in sowas einbinden kann:

      HTML-Quellcode

      1. <section class="4u" style="padding-left:0px;">
      2. <a href="#" class="image full"><div class="shop"><img src="images/shop.png" alt=""><div class="base5">Neues Video auf<div class="order">YouTube</div><div class="bt"></div></div></div></a>
      [Blockierte Grafik: http://up.picr.de/31251898ov.jpg]