Как получить единственный плейлист YouTube и отобразить все его 10 лучших видеозаписей с помощью API v3?

Как получить один плейлист YouTube и отобразить все его заголовки с помощью API v3?Как получить единственный плейлист YouTube и отобразить все его 10 лучших видеозаписей с помощью API v3?

То, что я получаю, это название видео, но без плейлиста. Кто-нибудь делится некоторыми запросами, если есть один, который мне не хватает. Мое требование - это один заголовок видео в плейлисте YouTube.

Теперь я получаю все названия каналов. Чего не хватает?

var channelname = 'mipaltan'; 
 

 
$(document).ready(function() { 
 
    $.get("https://www.googleapis.com/youtube/v3/channels", { 
 
     part: 'contentDetails', 
 
     forUsername: 'mipaltan', 
 
     key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' 
 
    }, 
 
     function (data) { 
 
      $.each(data.items, function (i, item) { 
 
       pid = item.contentDetails.relatedPlaylists.uploads; 
 
       getVids(pid); 
 
      }) 
 
     } 
 
    ); 
 

 
    function getVids(pid) { 
 
     $.get("https://www.googleapis.com/youtube/v3/playlistItems", { 
 
      part: 'snippet', 
 
      maxResults: 10, 
 
      playlistId: pid, 
 
      key: 'AIzaSyCT8kXaxJ2l29vYg4HBdYy36H-PhAH-Teg' 
 
     }, 
 

 
      function (data) { 
 
       $.each(data.items, function (i, item) { 
 
        vidsTitle = item.snippet.title; 
 
        output = '<li>' + vidsTitle + '</li>'; 
 
        // Append to results 
 
        $('#results').append(output); 
 
       }) 
 
      } 
 
     ); 
 
    } 
 
});

<title> Get Video Title</title> 
 
<style> 
 
body { 
 
     background: #f4f4f4; 
 
     font-family: Arial, sans-serif; 
 
     font-size: 14px; 
 
     color: #666; 
 
    } 
 
    #container { 
 
     width: 100%; 
 
     height: auto; 
 
     overflow: auto; 
 
     margin: auto; 
 
     padding: 5px; 
 
    } 
 
    #container2 { 
 
     width: 100%; 
 
     height: auto; 
 
     overflow: auto; 
 
     margin: auto; 
 
     padding: 15px; 
 
    } 
 
</style> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
     <script src="js/script.js"></script> 
 
    <script> 
 
     function newSrc(testurl) { 
 
      document.getElementById("MyFrame").src = testurl; 
 
     } 
 
    </script> 
 
    </head> 
 
    <body> 
 
     <form id="form1" runat="server"> 
 
      <div id="container2"></div> 
 
    <iframe id="MyFrame"; width="220"; height="160"; src="http://www.youtube.com/embed?listType=playlist&list=PLVB7Pe64pVdd0RwAOTy7K4pm7TMAK1fQq" frameborder="0" allowfullscreen ></iframe> 
 
      <div style="padding-left:5px", id="result" class ="footer-widget"> </div> 
 
    <div id="container"> 
 
     <ul id="results"></ul> 
 
    </div> 
 
    </form> 
 
    </body> 
 
</html>

источник

2017-02-16 Mohammad Tahir

я не нашел каких-либо проблем в вашем коде.

Для просмотра плейлиста вам необходимо нажать кнопку плейлиста, в которой отображаются миниатюры плейлистов.

Please see the attachment

источник

2017-02-16 09:21:03

Спасибо за вас время Аниш, одна вещь, которую вы видите список воспроизведения видео заголовок и в нижней названии как разные. Я хочу, чтобы название плейлиста и нижний заголовок были одинаковыми, но теперь разные, я хочу, оба они одинаковые. –

снова я просто просматриваю код, и я обнаружил, что идентификатор списка воспроизведения, который возвращается из запроса, не совпадает с id на iframe. измените playlistId: ПИД, в playlistId: "PLVB7Pe64pVdd0RwAOTy7K4pm7TMAK1fQq", на getVids функционировать –

Благодаря Аниш ,,, –

Как получить единственный плейлист YouTube и отобразить все его 10 лучших видеозаписей с помощью API v3?

ответ

Смежные вопросы