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.