Video học lập trình mỗi ngày

Lấy hình thumbnail youtube với một câu lệnh javascript Lấy hình thumbnail youtube chỉ với một thủ thật đơn giản, bạn không cần phải install một phần mềm nào nhưng bạn vẫn có thể lấy một cách dễ dàng nhất. Nếu bạn không cần đến javascript thì bạn chỉ cần ghi nhớ công thức đơn giản sau đây.

Lấy thumbnail youtube

Youtube đưa ra công thức để lấy một thumbnail mà không cần lập trình dựa vào công thức chuẩn sau đây.

    http://img.youtube.com/vi/[video-id]/[thumbnail-number].jpg
    

Trong đó:

• [video-id] Chính là YouTube video ID, ví dụ. 1sIWez9HAbA.
• [thumbnail-number] Số thumbnail của youtube ví dụ. 0

Ví dụ bài "BẠC PHẬN | K-ICM ft. JACK | OFFICIAL MV" có link là "https://www.youtube.com/watch?v=WX7dUj14Z00" thì id video sẽ là: "WX7dUj14Z00"

Thì thumbnail sẽ là:

    http://img.youtube.com/vi/WX7dUj14Z00/0.jpg
    

Rất đơn giản phải không, đó là theo logic bằng tay thủ công, giờ đây chúng ta là devjs thì phải làm thế nào?

Lấy thumbnail youtube javascript:

Code đây:

    var Youtube = (function () {
        'use strict';

        var video, results;

        var getThumb = function (url, size) {
            if (url === null) {
                return '';
            }
            size    = (size === null) ? 'big' : size;
            results = url.match('[\\?&]v=([^&#]*)');
            video   = (results === null) ? url : results[1];

            if (size === 'small') {
                return 'http://img.youtube.com/vi/' + video + '/2.jpg';
            }
            return 'http://img.youtube.com/vi/' + video + '/0.jpg';
        };

        return {
            thumb: getThumb
        };
    }());

    //Example of usage:

    var thumb = Youtube.thumb('https://www.youtube.com/watch?v=j4Jj29mUYS8');

    console.log(thumb);
    

Giờ có một trường hợp đó là nếu bạn là một trong những trường hợp lấy iframe về thì chúng ta sẽ lấy thumbnail bằng cách nào thông qua iframe

YouTube thumbnail from a YouTube iframe?

Sử dụng jQuery:

 var iframe = $('iframe:first');
 var iframe_src = iframe.attr ('src');
 var youtube_video_id = iframe_src. match(/you tube\.com.*(\?v=|\/embed\/)(.{11})/).pop();

 if (youtube_video_id.length == 11) {
 var video_thumbnail = $('img src="//img.youtube.com/vi/'+youtube_video_id+'/0.jpg"');
 $(body).append(video_thumbnail);
 }
    

Như vậy là một mẹo nhỏ giúp bạn "Lấy hình thumbnail youtube". Cảm ơn!