小编mis*_*aes的帖子

使用YouTube Data API获取视频时长?

基本上,我正在尝试获取搜索时显示在结果中的每个视频的视频时长.我有一个整洁的小演示设置让你搞砸!

另外 - 当我说持续时间我指的是M/S格式(0:00)的视频长度..

演示 http://codepen.io/mistkaes/pen/6b6a347c7d24edee15b3491420db4ecd

jQuery的:

var apikey = '<API KEY>';

$(function() {
    var searchField = $('#search-input');

    $('#search-form').submit(function(e) {
        e.preventDefault();
    });
});

function search() {
    $('#results').html('');

    q = $('#search-input').val();

    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            maxResults: 50,
            type: 'video',
            key: apikey
        },
        function(data) {
            $.each(data.items, function(i, item) {
                var output = getResults(item);

                $('#results').append(output);
            });
        });
}

function getResults(item) {
    var videoID = item.id.videoId;
    var title = item.snippet.title;
    var thumb = item.snippet.thumbnails.high.url;
    var channelTitle = item.snippet.channelTitle;

    var output …
Run Code Online (Sandbox Code Playgroud)

html css youtube jquery youtube-data-api

10
推荐指数
1
解决办法
9413
查看次数

YouTube 数据 API 一次只显示 5 个结果?

我在使用 YouTube 数据 API 时遇到了这个问题,我希望页面在页面上返回大约 35-40 多个结果。但每次搜索只显示 5 个结果,有什么帮助吗?

CodePen: 代码笔

jQuery:

var apikey = 'AIzaSyCKMpw2nmPnon_gkh4EIXnbiAmrZNw-v4M';

$(function() {
    var searchField = $('#query');

    $('#search-form').submit(function(e) {
        e.preventDefault();
    });
});

function search() {
    $('#results').html('');

    q = $('#query').val();

    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            type: 'video',
            key: apikey
        },
        function(data) {
            $.each(data.items, function(i, item) {
                var output = getResults(item);

                $('#results').append(output);
            });
        });
}

function getResults(item) {
    var videoID = item.id.videoId;
    var title = item.snippet.title;
    var description = item.snippet.description;
    var thumb = item.snippet.thumbnails.high.url; …
Run Code Online (Sandbox Code Playgroud)

html css youtube jquery youtube-api

5
推荐指数
1
解决办法
1402
查看次数

标签 统计

css ×2

html ×2

jquery ×2

youtube ×2

youtube-api ×1

youtube-data-api ×1