Phân tích câu hỏi:

Câu hỏi yêu cầu xác định nội dung nào sẽ hiển thị khi đoạn mã HTML được chạy trên trình duyệt. Đoạn mã HTML đang xét như sau:

<video src="hanoi.mp4" alt = "Hà Nội" width="300" height="300" poster="hanoi.jpg"> TP Hà Nội</video>

Phân tích các phương án:

• A. Nội dung trong video hanoi.mp4: Nếu video được tải thành công, nội dung video sẽ được ưu tiên hiển thị.
• B. Chữ "Hà Nội": Giá trị của thuộc tính alt không được áp dụng cho thẻ <video> mà thường dùng cho thẻ <img>.
• C. Ảnh trong file hanoi.jpg: Nếu video không tải ngay lập tức hoặc bị lỗi, hình ảnh từ thuộc tính poster sẽ hiển thị trước khi video chạy.
• D. Chữ "TP. Hà Nội": Đây là nội dung fallback, nó chỉ hiển thị nếu trình duyệt không hỗ trợ thẻ <video>.

Vậy, nếu trình duyệt hỗ trợ và video tải được, thì nội dung video (áp dụng cho phương án A) sẽ hiển thị. Tuy nhiên, poster ảnh (áp dụng cho phương án C) sẽ hiển thị đầu tiên trong quá trình tải video.

Lời giải: Do thẻ video có thuộc tính poster, ảnh sẽ hiển thị đầu tiên khi video đang tải và chưa phát. Chính vì vậy, khi mở trình duyệt, ảnh trong file hanoi.jpg sẽ hiển thị trước.

Đáp án đúng là C. Ảnh trong file hanoi.jpg.

• Nắm rõ các thuộc tính cơ bản của thẻ <video> trong HTML như src, poster, alt.
• Phân biệt được các nội dung fallback mà thẻ <video> cung cấp khi trình duyệt không hỗ trợ.
• Hiểu rằng thuộc tính poster sẽ hiển thị hình ảnh đại diện trước khi video bắt đầu tải và phát.
• Nắm rõ cách các phương án dựa trên cú pháp HTML và các thuộc tính hoạt động cùng nhau.