Вывод видеозаписей (video.get)
В этом уроке показано как вывести видеозаписи группы или пользователя в IFrame-приложении.
Описание метода video.get - http://vkontakte.ru/developers.php?o=-1&p=video.get
В настройках приложения должен быть разрешен доступ к видеозаписям.
<html>
<head>
<script src="http://vkontakte.ru/js/api/xd_connection.js?2" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>
<style>
/* немного оформления */
body {
padding:0;
margin:0;
font-size: 11px;
font-family: tahoma, tahoma, verdana, arial, sans-serif;
}
h2 {
font-size: 12px;
color: #45688E;
font-weight: bold;
padding-bottom: 2px;
}
p {
padding:0;
margin;0;
}
</style>
<script type="text/javascript" charset="cp1251" >
$(document).ready(function() {
VK.init(function() {
// метод video.get, gid - id группы, width - ширина видео, count - количество видео
// чтобы получить видео пользователя, а не группы, меняем "gid" на "uid", 17157755 - на id пользвоателя.
VK.api("video.get", {gid:17157755,width:320,count:3}, function(data) {
if (data.response) {
// количество полученных видео (+1 - объект хранит количество видео "всего" в группе)
var videoCount = data.response.length;
$('#video_count').html('Всего видео: ' + data.response[0]);
// создаём переменную, в которую будем сохранять код для вывода инфомрации
var video_html = '';
// начинаем с i=1, а не 0, потому что data.response[0] - количество видео "всего"
for (var i=1; i<videoCount; i++) {
video_html += '<h2>' + data.response[i].title + '</h2>' +
'<iframe src="' + data.response[i].player + '" width="607" height="360" frameborder="0"></iframe>' +
'<p>' + data.response[i].description + '</p><br /><br />';
}
// выводим в блок #result
$('#result').html(video_html);
// изменяем размер окна
VK.callMethod("resizeWindow", 607, $('#result').height()+50);
} else {
$('#result').html('Ошибка!');
}
});
});
});
</script>
</head>
<body>
<p id="video_count"></p>
<div id="result"></div>
</body>
</html>
Комментарии:
Нету комментариев для вывода...