Video và phụ đề · Trình tải xuống hình thu nhỏ & Trình xem siêu dữ liệu của YouTube
Mã nhúng YouTube chứa gì: iframe URL, thông số và nocookie
· Cách thức hoạt động
youtube nhúng html
Mã nhúng là một iframe nhỏ có URL cụ thể. Bài đăng này giải thích chức năng của từng phần, những thông số nào thay đổi quá trình phát lại và sự khác biệt của miền youtube-nocookie.com được tăng cường quyền riêng tư, để bạn biết mình đang dán nội dung gì vào trang của mình.
Một khối HTML bạn dán mà không cần đọc — mã nhúng và nội dung thực sự có trong đó
Đoạn mã iframe là sự tích hợp trang thực thi chứ không phải văn bản trang trí. Đọc nó từ bên ngoài vào trong trước khi đặt nó vào CMS: trình bao bọc dành không gian, iframe tạo bối cảnh duyệt web, src chọn trình phát từ xa, gắn nhãn tiêu đề cho khung cho công nghệ hỗ trợ và cho phép cấp các khả năng đã chọn. Quá trình xem xét này có thể hiển thị máy chủ đã thay đổi hoặc danh sách quyền rộng bất ngờ mà bản xem trước trực quan sẽ ẩn.
ToolAcre bắt đầu bằng ID video đã vượt qua xác thực hình dạng cục bộ và chèn ID đó vào một mẫu cố định. ID chọn video nhưng không thể thêm thuộc tính, đóng iframe hoặc thay thế tên máy chủ. Do đó, khối này là đầu ra của ứng dụng có thể xem lại thay vì đánh dấu được sao chép từ phản hồi ngược dòng.
Iframe và src của nó - youtube.com/embed/ cộng với ID video và tại sao đó là trang trình phát chứ không phải video
Src là https://www.youtube-nocookie.com/embed/VIDEO_ID. Nó xác định tài liệu trình phát từ xa chứ không phải MP4, luồng âm thanh, hình ảnh hoặc gói trình phát độc lập. Khi iframe tải, tập lệnh và phương tiện của nó vẫn là cơ sở hạ tầng của YouTube mặc dù trình bao bọc và bài viết thuộc về nhà xuất bản.
Tạo và xuất bản là những sự kiện riêng biệt. Việc tạo hoặc sao chép chuỗi là cục bộ và không liên hệ với youtube-nocookie.com. Hành động Tìm nạp trước đó sẽ thăm dò i.ytimg.com và yêu cầu oNhúng dữ liệu từ www.youtube.com; yêu cầu nocookie chỉ bắt đầu khi trình duyệt hiển thị iframe. Do đó, bản xem trước CMS có thể bắt đầu hoạt động của bên thứ ba trước khi xuất bản.
Chiều rộng, chiều cao và nội dung nhúng đáp ứng - ý nghĩa của kích thước và cách trang web làm cho chúng trở nên linh hoạt
Trình bao bọc đặt tỷ lệ khung hình: 16 / 9 trong khi iframe lấp đầy chiều rộng và chiều cao của nó. Điều này kiểm soát bố cục thay vì mô tả mọi video nguồn: tài liệu dọc và cũ hơn 4:3 vẫn xuất hiện bên trong bề mặt trình phát của YouTube. Đặt trước không gian đó trước khi tài liệu từ xa đến giúp giảm sự thay đổi bố cục xung quanh bài viết.
Khung này cũng bao gồm tiêu đề, kiểu dáng không viền, loading="lazy", allowfullscreen, chính sách liên kết giới thiệu có nguồn gốc nghiêm ngặt khi có nguồn gốc chéo và danh sách cho phép cố định. Tải từng phần là một gợi ý của trình duyệt, không phải là lời hứa rằng không có yêu cầu nào xảy ra trước khi cuộn. Tương tự, allowfullscreen cho phép một khả năng mà không cần ép buộc và cho phép giới hạn các tính năng được người chơi yêu cầu thay vì cấp quyền hạn tùy ý cho trình duyệt.
Đoạn mã được gửi sử dụng các giá trị mặc định đã biết chứ không phải các điều khiển phát lại tùy ý
Đoạn mã được gửi sử dụng các giá trị mặc định đã biết chứ không phải cấu hình phát lại mở. Khách truy cập không thể thêm văn bản truy vấn tùy ý hoặc thương lượng mọi tham số của người chơi. Hậu tố không hạn chế sẽ cần xác thực riêng vì các kết hợp không đúng định dạng có thể bị bỏ qua, tính năng tự động phát có thể vẫn bị chặn và các tham số được dán có thể tạo ra hành vi mà giao diện không bao giờ tiết lộ.
Những người trợ giúp nội bộ có thể chấp nhận các phương án được kiểm soát, nhưng năng lực thực hiện không phải là lời hứa về sản phẩm. Người chỉnh sửa không nên suy luận rằng cài đặt tự động phát, lặp lại, điều khiển, phụ đề, thời gian bắt đầu hoặc đề xuất bị lộ vì YouTube hỗ trợ các thông số liên quan ở những nơi khác. Kiểm tra đầu ra hiện tại và chỉ ghi lại các thuộc tính mà nó thực sự phát ra.
youtube-nocookie.com — miền được tăng cường quyền riêng tư sẽ thay đổi những gì và không thay đổi những gì
Chế độ tăng cường quyền riêng tư sẽ thay đổi đích nhúng thành youtube-nocookie.com; nó không biến trình phát thành mã cục bộ hoặc loại bỏ việc trao đổi dữ liệu. Dịch vụ nhận được yêu cầu cần thiết để trả lại khung và việc phát lại có thể tạo ra nhiều lưu lượng truy cập trình phát và phương tiện hơn. Riêng tên máy chủ không thiết lập một kết quả tuân thủ cho mọi khu vực pháp lý, trạng thái trình duyệt hoặc hành động của người dùng.
Nhà xuất bản phải quyết định thời điểm iframe nhập DOM. Một trang web có thể tải nó ngay lập tức hoặc hiển thị một áp phích địa phương cho đến khi có sự đồng ý hoặc một cú nhấp chuột. ToolAcre không cung cấp trình quản lý sự đồng ý hay trình tải trì hoãn; nó cung cấp iframe dạng nocookie có thể đọc được. Các nhà điều hành trang web vẫn cần đánh giá các thông báo, sự đồng ý, chính sách bảo mật nội dung và các yêu cầu về khung.
Ví dụ đã hoạt động: đọc iframe tăng cường quyền riêng tư được tạo bởi ToolAcre
Đối với video công khai có ID xác thực AbCdEf12345 và tiêu đề Hướng dẫn dành cho người sáng tạo: “Đo hai lần”, src phải kết thúc /embed/AbCdEf12345 và thuộc tính tiêu đề phải giữ nguyên dấu câu mà không coi dấu ngoặc kép là đánh dấu. Phần tử bên ngoài sở hữu hình học 16:9; CMS hạn chế có thể giữ lại iframe trong khi loại bỏ trình bao bọc phản hồi đó.
So sánh khối với bảng siêu dữ liệu. Tiêu đề có thể gắn nhãn khung nhưng ToolAcre không dán trường html của oEmbed vào trang. Nó xây dựng iframe một cách độc lập và thoát khỏi các giá trị thuộc tính. Nếu sau đó CMS giải mã hoặc tập hợp lại chuỗi không chính xác, hãy kiểm tra đánh dấu được lưu trữ cuối cùng thay vì chỉ dựa vào hộp sao chép.
Điều này không bao gồm những gì - biểu ngữ đồng ý, chính sách tự động phát và cách mỗi trình duyệt xử lý khung của bên thứ ba
Một số lỗi tạo ra cùng một hình chữ nhật trống. CMS có thể loại bỏ iframe, chính sách bảo mật nội dung có thể từ chối máy chủ lưu trữ, tiện ích mở rộng có thể chặn tiện ích đó, chủ sở hữu có thể tắt tính năng nhúng hoặc video có thể không khả dụng. Tính năng tự động phát cũng có thể bị từ chối mặc dù khả năng được yêu cầu. Cú pháp hợp lệ không thể ghi đè các quyết định của trình duyệt, nhà xuất bản, nền tảng hoặc chủ sở hữu.
Lỗi tra cứu xảy ra sớm hơn: siêu dữ liệu có thể bị lỗi trong quá trình truyền tải, trả về trạng thái không thành công hoặc chứa JSON không hợp lệ. Hình ảnh có thể trả về 404, một lỗi khác, phần giữ chỗ 120×90 hoặc byte không thể giải mã được. Khung nội tuyến hợp lý được tạo từ ID có hình dạng hợp lệ không chứng minh rằng video là công khai, có thể phát hoặc có thể nhúng.
ToolAcre xây dựng iframe; nó không hiển thị oEmbed HTML
Hoạt động đọc đáng tin cậy mang tính cơ học: xác thực ID, lấy thông tin hiển thị công khai, xây dựng trình bao bọc phản hồi cố định và trỏ iframe của nó tới máy chủ được tăng cường quyền riêng tư. Các giá trị biến và mặc định của ứng dụng vẫn hiển thị. Không có oEmbed HTML thô nào được hiển thị, không có trình chỉnh sửa tham số chung nào được hứa hẹn và không có khung nào cấp quyền truy cập vào tài liệu bị hạn chế.
Giữ sự phân chia vòng đời trong hồ sơ triển khai. Tìm nạp lấy bằng chứng áp phích và tiêu đề cho đoạn trích; sao chép đánh dấu được tạo là cục bộ; việc hiển thị nó sau này sẽ tạo ra bối cảnh trình phát youtube-nocookie. Đánh giá về quyền riêng tư sẽ đánh giá riêng tải trình phát cuối cùng đó vì iframe được nhúng trong CMS có mục đích và đường dẫn dữ liệu khác với lần tra cứu trước đó.