Cách đặt hình ảnh hiển thị khi video đang tải trong HTML?

Sử dụng thuộc tính poster trong HTML để đặt hình ảnh hiển thị khi video đang tải xuống.

Ví dụ

Bạn có thể chạy mã sau để triển khai thuộc tính poster:

<!DOCTYPE HTML>
<html>
  <body>
    <video width="300" height="200" poster="https://www.tutorialspoint.com/images/logo.png" controls>
      <source src="/html5/foo.ogg" type="video/ogg" />
      <source src="/html5/foo.mp4" type="video/mp4" />
      Trình duyệt của bạn không hỗ trợ phần tử video.
    </video>
  </body>
</html>