Mục lục

Kiểu phụ đề

Tạo kiểu cho phụ đề dịch bằng mẫu dựng sẵn hoặc CSS của riêng bạn, chẳng hạn làm mờ bản dịch cho đến khi di chuột vào.

Mở Phụ đề video → Kiểu phụ đề trong cài đặt. Bản xem trước cập nhật khi bạn thay đổi.

Cài đặt cơ bản

  • Chế độ hiển thị: song ngữ, chỉ bản gốc hoặc chỉ bản dịch.
  • Vị trí bản dịch: trên hoặc dưới bản gốc.
  • Phụ đề chính và Phụ đề dịch: phông chữ, tỉ lệ cỡ chữ, màu và độ đậm của từng dòng.
  • Độ trong suốt nền: hộp phía sau phụ đề tối đến đâu.

Đặt lại về mặc định đưa mọi thứ về như cũ.

Mẫu dựng sẵn

Trong CSS tùy chỉnh → Mẫu dựng sẵn:

Mẫu Tác dụng
Làm mờ bản dịch Làm mờ bản dịch cho đến khi di chuột vào, để bạn nghe trước
Gạch nét đứt bản dịch Gạch chân bản dịch bằng nét đứt
Làm nhạt bản gốc Làm dòng gốc nhạt đi để bản dịch nổi bật

CSS của riêng bạn

CSS bạn viết được áp dụng chồng lên các cài đặt ở trên. Đây là các bộ chọn bạn có thể dùng:

Bộ chọn Là gì
.read-frog-subtitles-box Hộp chứa cả hai dòng
.subtitles-main Dòng gốc
.subtitles-translation Dòng dịch

Làm mờ bản dịch và hiện ra khi di chuột:

.subtitles-translation {
  filter: blur(6px);
}

.subtitles-translation:hover {
  filter: none;
}

Bản dịch màu vàng có bóng đổ thay cho hộp nền:

.read-frog-subtitles-box {
  background: transparent;
}

.subtitles-translation {
  color: #ffd84d;
  text-shadow: 0 1px 3px rgb(0 0 0 / 0.9);
}

Trình soạn thảo kiểm tra CSS khi bạn gõ; nhấp Lưu để áp dụng.