Информация к новости
  • Просмотров: 1024
  • Автор: sulicompany
  • Дата: 15-07-2012, 21:45
 (голосов: 0)
15-07-2012, 21:45

Вывод видеозаписей (video.get)

Категория: Программирование » VK (Вконтакте)



В настройках приложения должен быть разрешен доступ к видеозаписям.

  1. <html>
  2. <head>
  3. <script src="http://vkontakte.ru/js/api/xd_connection.js?2"type="text/javascript"></script>
  4. <script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
  5. <style>
  6. /* немного оформления */
  7. body {
  8.     padding:0;
  9.     margin:0;
  10.     font-size: 11px;
  11.     font-family: tahoma, tahoma, verdana, arial, sans-serif;
  12. }
  13. h2 {
  14.     font-size: 12px;
  15.     color: #45688E;
  16.     font-weight: bold;
  17.     padding-bottom: 2px;
  18. }
  19. {
  20.     padding:0;
  21.     margin;0;
  22. }
  23. </style>
  24. <script type="text/javascript" charset="cp1251" >
  25. $(document).ready(function() {
  26.     VK.init(function() {
  27.         // метод video.get, gid - id группы, width - ширина видео, count - количество видео
  28.         // чтобы получить видео пользователя, а не группы, меняем "gid" на "uid", 17157755 - на id пользвоателя.
  29.         VK.api("video.get"{gid:17157755,width:320,count:3}function(data) {
  30.             if (data.response) {
  31.                 // количество полученных видео (+1 - объект хранит количество видео "всего" в группе)
  32.                 var videoCount = data.response.length;
  33.  
  34.                 $('#video_count').html('Всего видео: ' + data.response[0]);
  35.                
  36.                 // создаём переменную, в которую будем сохранять код для вывода инфомрации
  37.                 var video_html = '';
  38.                 // начинаем с i=1, а не 0, потому что data.response[0] - количество видео "всего"
  39.                 for (var i=1; i<videoCount; i++) {
  40.                     video_html += '<h2>' + data.response[i].title + '</h2>' +
  41.                                     '<iframe src="' + data.response[i].player + '" width="607" height="360" frameborder="0"></iframe>' +
  42.                                     '<p>' + data.response[i].description +'</p><br /><br />';
  43.                 }
  44.                 // выводим в блок #result
  45.                 $('#result').html(video_html);
  46.                 // изменяем размер окна
  47.                 VK.callMethod("resizeWindow"607, $('#result').height()+50);
  48.             } else {
  49.                 $('#result').html('Ошибка!');
  50.             }
  51.         });
  52.     });
  53. });
  54. </script>
  55. </head>
  56. <body>
  57. <p id="video_count"></p>
  58. <div id="result"></div>
  59.  
  60. <a href="http://flapps.ru">http://flapps.ru</a>
  61. </body>
  62. </html>