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ầuBướ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 Show
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/ Hoặc bạn có thể sử dụng http://img.youtube.com/vi/ 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"> 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 Css bắt buộc
Mã Jquery đã triển khai $(tài liệu). sẵn sàng (chức năng () { hàm getYoutubeID(url) { var id = url. cuộc thi đấu(/(?. https?. \/{2})?(?. w{3}\. )?youtube(?. thì là ở)?\. (?. com. thì là ở)(?. \/watch\?v=. \/)([^\s&p]+)/); Cách tiếp cận sau đây bao gồm cách lấy hình thu nhỏ của video YouTube trong nodeJs. Chúng tôi sẽ sử dụng gói nút hình thu nhỏ youtube để đạt được như vậy. Gói này sẽ giúp chúng tôi lấy hình thu nhỏ của video YouTube với sự trợ giúp của URL video hoặc mã xem Sử dụng các bước sau để cài đặt mô-đun và lấy hình thu nhỏ của video YouTube trong nút. js Bước 1. Tạo một thư mục cho dự án của chúng tôi và biến nó thành thư mục làm việc của chúng tôi $ mkdir youtube-extract-gfg $ cd youtube-extract-gfg Bước 2. Sử dụng lệnh npm init để tạo gói. tệp json cho dự án của chúng tôi $ npm init or $ npm init -y /* For auto add the required field */ Ghi chú. Tiếp tục nhấn enter và nhập “có/không” tương ứng tại dòng kết thúc Bước 3. Cài đặt Express. js và mô-đun hình thu nhỏ youtube. Bây giờ trong thư mục youtube-extract-gfg(tên thư mục của bạn) gõ dòng lệnh sau Bạn đang tìm cách thực hiện điều này với Vimeo? . http. // tường mã. com/p/fdrdmg Giả sử bạn cần xem trước hình ảnh của video YouTube Ví dụ: nếu đây là video của bạn. http. //www. youtube. com/watch?v=LFbhGEiFWk4, chỉ cần gõ http. //img. youtube. com/vi/LFbhGEiFWk4/0. jpg trong thanh địa chỉ của bạn và thế là xong Các chi tiết gai góc YouTube tự động tạo (ít nhất) ba hình thu nhỏ và một hình ảnh xem trước cho mỗi video đã tải lên và bạn có thể dễ dàng truy cập chúng sau khi biết cách Trước hết, hãy xem URL của video mà bạn quan tâm. Tất cả đều được định dạng như thế này Trong đó VIDEOID là một chuỗi các chữ cái và số xác định duy nhất nó. Bạn có thể có dấu và (&) và một số đối số sau ID đó, nhưng bạn có thể bỏ qua chúng một cách an toàn Ghi lại (hoặc sao chép) chuỗi VIDEOID đó Để có được các hình thu nhỏ do YouTube tạo, bạn chỉ cần sử dụng địa chỉ sau Thay thế VIDEOID bằng chuỗi đã nói ở trên, bằng cách nhập hoặc dán chuỗi đó vào. ENTER chưa Trước tiên, bạn cần quyết định hình thu nhỏ nào bạn muốn. Hãy thử kích thước của chúng bằng cách thay thế hàm băm (#) bằng một số, như thế này Sẽ cung cấp cho bạn hình ảnh xem trước lớn mặc định (480x360). Ví dụ của chúng tôi, điều này mang lại cho chúng tôi Tương tự Sẽ cung cấp cho chúng tôi hình thu nhỏ đầu tiên (120x90) Tất nhiên Sẽ cung cấp cho chúng tôi hình thu nhỏ thứ hai (120x90) hoặc hình thu nhỏ do người tải lên chọn cho video đó (đây là hình thu nhỏ mặc định cho YouTube) Và cuối cùng Sẽ mang lại hình thu nhỏ nhỏ thứ ba (120x90) Đưa nó đi xa hơn Bằng cách biết logic này đằng sau hình thu nhỏ và hình ảnh xem trước của YouTube, việc viết một tập lệnh đơn giản có thể hiển thị hình ảnh cho bất kỳ video cụ thể nào trở nên khá tầm thường và sẽ được để lại, như người ta vẫn nói, như một bài tập cho người đọc Tất nhiên, Google làm cho điều đó trở nên dễ dàng hơn bằng cách cung cấp cho chúng tôi API YouTube. http. // nhà phát triển. Google. com/youtube/2. 0/developers_guide_protocol - thứ bạn đang tìm kiếm cụ thể là thông tin về phương tiện. thẻ hình thu nhỏ. Làm cách nào để lấy hình thu nhỏ từ một URL trong Javascript?var src = thumbnail; . createElement('video'); . src = src; . chiều rộng = 360; . .
URL hình thu nhỏ của YouTube là gì?Hình thu nhỏ mặc định (i. e. , một trong 1. jpg , 2. jpg , 3. jpg ) là. https. //img. youtube. com/vi/ . Đối với phiên bản chất lượng cao của hình thu nhỏ, hãy sử dụng một URL tương tự như thế này. https. //img. youtube. com/vi/ |
