YouTube Link Converter Reponsive in Chrome with OffiDocs

DESCRIPTION

Convert YouTube links into embeddable iframe codes supporting responsive design.

1. Chức năng chính:

Công cụ này là một trình chuyển đổi và xử lý link YouTube. Nó nhận đầu vào là một đường dẫn YouTube hoặc mã nhúng <iframe>, sau đó chuyển đổi chúng thành mã nhúng được tối ưu hóa cho việc tích hợp vào các trang web.

2. Chức năng chi tiết:

a. Chuyển đổi link YouTube

Đầu vào:

Link đầy đủ của YouTube (ví dụ: https://www.youtube.com/watch?v=abcdefg).
Link rút gọn của YouTube (ví dụ: https://youtu.be/abcdefg).
Mã nhúng <iframe> (ví dụ: <iframe src="https://www.youtube.com/embed/abcdefg" ...></iframe>).

Xử lý:

Nếu là link đầy đủ hoặc link rút gọn:
Trích xuất videoId từ URL.
Tạo mã nhúng <iframe> phù hợp.
Nếu là mã nhúng <iframe>:
Kiểm tra và tái sử dụng src và title nếu có.
Tạo mã nhúng mới được định dạng chuẩn.

Đầu ra:

Mã nhúng HTML <iframe> với kích thước và định dạng chuẩn:

<div class="raw-html-embed">
<p style="overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0;">
<iframe style="left: 0; top: 0; height: 100%; width: 100%; position: absolute;"
src="https://www.youtube.com/embed/abcdefg"
frameborder="0">
</iframe>
</p>
</div>

b. Hiển thị mã nhúng trong kết quả

Kết quả chuyển đổi sẽ được hiển thị trong một hộp văn bản (thẻ <code>).
Cho phép người dùng dễ dàng xem, sao chép, hoặc tích hợp mã vào dự án.

c. Xem trước video nhúng

Phần "Xem trước" hiển thị video YouTube dưới dạng iframe, giúp người dùng kiểm tra mã nhúng trước khi sử dụng.

d. Sao chép mã nhúng

Khi nhấn nút Sao chép, mã nhúng sẽ được sao chép vào clipboard.
Hiển thị thông báo thành công hoặc thất bại khi sao chép.

Ver 1.0.1
Giao diện mới, Thêm phím tắt, Alt+1 để mở externsion, Alt+Shift+1 để mở ở cửa sổ mới

YouTube Link Converter Reponsive web extension integrated with the OffiDocs Chromium online