Làm cách nào để lấy hình thu nhỏ từ URL video YouTube trong javascript?

Là người tạo nội dung, đôi khi bạn quên mất mình đã tải xuống hình thu nhỏ video YouTube ở đâu và cần truy xuất bản sao có độ phân giải cao. Nếu bạn không muốn dựa vào các trang web của bên thứ 3, đây là cách thực hiện. Không có công cụ được yêu cầu

Bước 1. Lấy id video

đô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

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

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

//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

loại tập lệnh="văn bản/javascript">
$[tài liệu]. sẵn sàng [hàm [] {
var youtubeid = $[". youtubeimg"]. attr["src"]. trận đấu[/[\w\-]{11,}/][0];
cảnh báo [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

Với sự trợ giúp của mã 'JQuery', chúng tôi có thể tạo hình thu nhỏ của YouTube ở mặt trước của trang web. Trước hết, bạn phải sao chép URL xem youtube đơn giản của bất kỳ video nào từ trang youtube như 'https. //www. youtube. com/watch?v=ODG3Vg3C_20' [nó sẽ xuất hiện trên thanh url khi bạn mở trang youtube] và dán vào thẻ 'p' trong trang HTML, Người dùng cũng có thể đổi thẻ 'p' thành thẻ khác tùy theo

Nơi chúng ta có thể sử dụng

Bạn có thể sử dụng tập lệnh này trong mã youtube được tạo động từ phụ trợ trong wordpress, zoomla và biểu mẫu dựa trên CMS và có thể sử dụng tập lệnh này nếu bạn muốn nhấp để phát video trong cửa sổ bật lên với sự trợ giúp của plugin như FancyBox, ColorBox, v.v.

Yêu cầu hỗ trợ jquery

Chủ Đề