Bài mới nhất
Loading...
8/4/14

Lấy thumbnail youtube cho bài viết trong blogspot

17:43
Như các bạn đã biết hiện nay có một số blog phát triển theo hướng phim ảnh, video. Đây là hình thức được nhiều người lựa chọn nhưng đi kèm với nó có một số vấn đề đặt ra là làm thế nào để có thể lấy trực tiếp ảnh thumbnail của video mà không phải tải một ảnh riêng lẻ lên làm ảnh đại diện cho video đó.

Lấy thumbnail youtube cho bài viết trong blogspot

Hiện nay có nhiều trang lưu trữ video nổi tiếng nhưng phổ biến nhất vẫn là Youbode. Do vậy trong khuôn khổ bài viết này mình sẽ hướng dẫn các bạn cách làm thế nào để có thể trích xuất một hình ảnh từ trong video để làm ảnh thu nhỏ cho blog.

» Cách làm:
- Ưu điểm: Hình ảnh sắc nét, có thể thay đổi độ phân giải hoặc hình ảnh nếu bạn muốn.
- Nhược điểm: Làm thủ công, Bạn phải chèn thêm link của hình ảnh và mất thời gian trích xuất hình ảnh dựa trên Id của hình ảnh đó.

Cách tiến hanh:
- Đầu tiên bạn lấy mã nhúng của video:

Tôi ví dụ bạn lấy được mã nhúng như sau:

<iframe width="560" height="315" src="//www.youtube.com/embed/h5Um8m7I2iY?rel=0" frameborder="0" allowfullscreen></iframe>

- Trong đoạn code trên bạn chú ý cho mình đoạn code màu đỏ h5Um8m7I2iY nằm ngay sau đoạn embed/ đó chính là đoạn mã ID của video đó. Đoạn màu đỏ này rất quan trọng vì nó sẽ giúp bạn trích xuất hình ảnh của video đó làm ảnh thu nhỏ.

- Công việc tiếp theo của bạn là thay ID màu đỏ ở trên vào link hình ảnh để bên dưới và chèn nó vào phần HTML của bài viết.

<img border="0" src="http://i2.ytimg.com/vi/h5Um8m7I2iY/0.jpg" height="0" width="0" />

- Trong đoạn code trên hãy chú ý những phần mình in đậm. Những phần này rất quan trọng, Tôi sẽ giải thích chi tiết đến các bạn sau đây:

h5Um8m7I2iY đây chính là Id của video. Phần này để phân biệt giữa các video (nó cũng như địa chỉ blog không thể trùng nhau) do vậy nếu bạn điền phần này sai có thể nó sẽ lấy hình ảnh thumbnail của video khác để làm ảnh đại diện đó.
0.jpg Nếu bạn từng đăng tải video lên trên Youtube bạn sẽ thấy họ cung cấp cho bạn 4 hình ảnh thu nhỏ thumbnail để làm ảnh đại diện cho một video gồm 0, 1, 2 và 3. Do đó nếu muốn thay đổi hình ảnh thu nhỏ bạn chỉ cần thay thế 0.jpg thành 1.jpg, 2.jpg hoặc 3.jpg. Trong đó hình ảnh 0.jpg có độ phân giải lớn nhât (480x380px), còn 3 hình 1,2,3.jpg có độ phân giải nhỏ hơn (120.90px). bài viết tới mình sẽ hướng dẫn các bạn lấy hình ảnh chất lượng HD tư youtobe, còn bài này chỉ dừng ở đây thôi.

height="0" width="0" đây lần lượt là chiều rộng và chiều cao của hình ảnh. Do chỉ cần hiển thị ảnh thu nhỏ ở kiểu trang index (trang chủ, trang nhãn, trang lưu trữ và trang tìm kiếm) nên mình để chiều rộng và chiều cao bằng 0 picel. Nếu bạn muốn hình ảnh này hiển thị cả ở trang bài viết thì bạn hãy chỉnh sửa lại nó hoặc xóa hẳn nó đi để lấy ảnh kích thước gốc.

Giờ hãy quay lại trang chủ, trang nhãn hay trang lưu trữ của bạn và kiểm tra kết quả đi nha.

0 nhận xét:

Đăng nhận xét

 
Toggle Footer