Tạo ảnh bìa thumbnail image cho video trong HTML5 như thế nào?

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 9/11/21.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,028
    Đã được thích:
    80
    Điểm thành tích:
    48
    Hi mọi người, mình có cái video tải lên hosting sau đó cài code video html5 vào web, giờ làm sao để đổi được cái ảnh bìa thumbnail cho video nhỉ?

    Code video HTML5 của mình là:
    Mã:
    <video width="100%" controls>
        <source src="/wp-content/uploads/thumbnail/tbimg.jpg" type="img/jpg">
        <source src="/wp-content/uploads/video/video.mp4" type="video/mp4">
    </video>
    
    Mình có làm ảnh bìa cho video html5 như trên mà không được. Bạn nào biết giúp mình với

    tao-anh-nen-cho-video.jpg
     
    Cảm ơn đã xem bài:

    Tạo ảnh bìa thumbnail image cho video trong HTML5 như thế nào?

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,893
    Đã được thích:
    1,197
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Tạo ảnh bìa cho video thì bạn dùng thuộc tính poster="" để tạo nhé, video bạn đổi lại như sau:
    HTML:
    <video width="100%" poster="/wp-content/uploads/thumbnail/tbimg.jpg" controls>
        <source src="/wp-content/uploads/video/video.mp4" type="video/mp4">
    </video>
    
     
    seolagi thích bài này.
  3. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,028
    Đã được thích:
    80
    Điểm thành tích:
    48
    Cảm ơn ad em đã làm được rồi, thanks
     


Chủ để tương tự : Tạo ảnh
Diễn đàn Tiêu đề Date
Ngôn ngữ lập trình CSS, HTML, HTML5 Tạo hiệu ứng nhấp nháy bằng CSS như thế nào? 14/9/21
Ngôn ngữ lập trình CSS, HTML, HTML5 Download và cách sử dụng font awesome tạo icon cho website 28/9/16
Ngôn ngữ lập trình CSS, HTML, HTML5 B7: Tự tạo teamplate khung website bằng css căn bản 7/1/16
Ngôn ngữ lập trình CSS, HTML, HTML5 B5: Tạo trang đăng ký với các thuộc tính căn bản trong html5 10/12/15
Ngôn ngữ lập trình CSS, HTML, HTML5 Thuộc tính tạo đường viền cong bo tròn cho border css trong html 1/10/14