Cách lấy hình ảnh thu nhỏ của video YouTube trong HTML

đôi khi chúng tôi cần trích xuất hình ảnh thu nhỏ của mã nhúng video YouTube. Khi bạn sao chép mã nhúng cho video YouTube, nó chứa Id của video

Có một cách rất đơn giản để truy xuất hình ảnh thu nhỏ YouTube của bạn cho một video cụ thể. Chỉ cần truy cập URL sau

http://i1.ytimg.com/vi//[Thumnail-Size].jpg.

Hoặc bạn có thể sử dụng

http://img.youtube.com/vi//[Thumnail-Size].jpg

Bây giờ, bạn sẽ cần tìm nạp videoId từ Url video hoặc từ mã nhúng của video YouTube. Sau đó, thay [Video-Id] bằng ID video YouTube của bạn. Sau đó, bạn sẽ cần đặt số hình ảnh thu nhỏ theo nhu cầu của mình (0,1,2, v.v.). Số hình thu nhỏ này mô tả kích thước hình ảnh bạn sẽ nhận được

Bây giờ, bạn cần lấy Video-Id từ mã nhúng của Video YouTube

Đây là hàm JavaScript sẽ trích xuất YouTube VideoId bằng Biểu thức chính quy

Giả sử iframe của bạn là như thế này

Đây, là Mã JavaScript

script type="text/javascript">
  $(tài liệu). sẵn sàng(hàm () {
    var youtubeid = $(". youtubeimg"). attr("src"). match(/[\w\-]{11,}/)[0];
       alert(youtubeid);
     });
  });

Hàm trên sẽ cung cấp videoid của hình ảnh YouTube

Bây giờ, bạn cần chuyển YouTube VideoId tới URL trên và bạn sẽ nhận được hình ảnh thu nhỏ của video Hình ảnh cho Video YouTube đó một cách dễ dàng

Bạn có thể dễ dàng xem (và tải xuống) hình thu nhỏ của bất kỳ video YouTube nào ở độ phân giải cao hoặc mặc định bằng cách tìm kiếm thẻ hình ảnh OG trong trang nguồn HTML của video

Trước khi chúng tôi vào bài viết, nếu bạn muốn tạo Video, hãy nhớ xem qua Vidnami và Flexclip. com là những công cụ tạo video yêu thích của chúng tôi

Dưới đây là các bước để xem hình thu nhỏ của bất kỳ video YouTube nào

Phương pháp 1. Xem hình thu nhỏ bằng cách sử dụng ID video

Nếu cách trên không hiệu quả, bạn có thể sử dụng cách này để thay thế

Bước 1. Sao chép ID gồm 11 ký tự chữ và số của video youtube (mà bạn muốn xem hình thu nhỏ)

Ví dụ: ID của video sau đây là. 8hYlB38asDY

https://www.youtube.com/watch?v=8hYlB38asDY

Bước 2. Dán ID vào nơi ghi ID trong các URL sau

https://i.ytimg.com/vi/ID/hqdefault.jpg
https://i.ytimg.com/vi/ID/maxresdefault.jpg

Ví dụ

https://i.ytimg.com/vi/8hYlB38asDY/hqdefault.jpg
https://i.ytimg.com/vi/8hYlB38asDY/maxresdefault.jpg

Bước 3. Mở các URL này trong trình duyệt của bạn để xem hình thu nhỏ. Sau đó, bạn có thể tải xuống hình thu nhỏ bằng cách nhấp chuột phải và lưu hình ảnh vào máy tính của mình

Lưu ý rằng hqdefault. jpg sẽ cung cấp cho bạn hình ảnh độ nét tiêu chuẩn và maxresdefault. jpg sẽ cho hình ảnh có độ phân giải tối đa. Cũng lưu ý rằng không phải tất cả các video sẽ có hình ảnh có độ phân giải tối đa, nhưng tất cả sẽ có hình ảnh độ nét tiêu chuẩn. Nếu video không có hình ảnh có độ phân giải tối đa, bạn sẽ gặp lỗi 404 cho maxresdefault. địa chỉ jpg

Phương pháp 2. (Phương pháp này hiện không hoạt động)

Bước 1. Mở video youtube trong trình duyệt của bạn. Đối với ví dụ này, tôi đang sử dụng video sau

Ghi chú. Tôi đang sử dụng Firefox làm trình duyệt của mình, vì vậy các hướng dẫn ở đây dành riêng cho Firefox, nhưng hướng dẫn này cũng hoạt động trong Chrome và Internet Explorer

Bước 2. Nhấn CTRL + U trên bàn phím để mở mã nguồn HTML của trang

Bước 4. Trên trang nguồn HTML, thực hiện tìm kiếm (CTRl + F) cho cụm từ 'og. hình ảnh'

Bây giờ bạn sẽ có thể thấy URL hình thu nhỏ như trong hình bên dưới

Từ thẻ này, URL của hình thu nhỏ sẽ là. https. //tôi. ytimg. com/vi/mcixldqDIEQ/maxresdefault. jpg

Bây giờ bạn có thể sao chép và dán URL này vào trình duyệt của mình để xem và sau đó tải xuống nếu muốn

Bước 5. Để tải xuống hình ảnh, chỉ cần nhấp chuột phải vào hình ảnh và nhấp vào 'Lưu hình ảnh dưới dạng' rồi 'Lưu' để lưu nó vào máy tính của bạn

Phương pháp 3

Phương pháp này có thể hơi khó hiểu vì youtube đã làm xáo trộn mã HTML của nó, nhưng nếu bạn muốn thử thì đây là cách thực hiện

Bước 1. Mở video youtube (mà bạn muốn xem hình thu nhỏ) trong trình duyệt của mình

Bước 2. Xem nguồn HTML của video bằng cách nhấp vào 'CTRL + U' hoặc 'CMD + U' nếu bạn đang sử dụng máy mac. Bạn cũng có thể xem nguồn bằng cách nhấp chuột phải vào vùng màu đen của màn hình rồi chọn 'Xem nguồn'

Bước 3. Khi ở trên trang nguồn HTML, hãy nhấp vào 'CTRL + F' để hiển thị hộp tìm kiếm của trình duyệt của bạn và tìm kiếm cụm từ 'hqdefault. jpg'

Bước 4. Sau khi tìm thấy, hãy sao chép toàn bộ URL bắt đầu từ 'HTTPS' và kết thúc bằng 'hqdefault. jpg'. URL sẽ trông giống như sau

https:\/\/i.ytimg.com\/vi\/8hYlB38asDY\/hqdefault.jpg

Bước 5. Xóa tất cả các dấu gạch chéo ngược khỏi URL, để nó trông như sau

https://i.ytimg.com/vi/8hYlB38asDY/hqdefault.jpg

Đây là URL của hình thu nhỏ độ nét tiêu chuẩn

Bước 6. Để tìm URL của hình thu nhỏ có độ phân giải cao hơn, hãy tìm kiếm 'maxresdefault. jpg' và lặp lại các bước trên. Lưu ý rằng không phải tất cả các video đều có ngón tay cái có độ phân giải tối đa