Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Share code icon play video trên ảnh thumbnail trong Blogspot

Chủ đề thuộc danh mục 'Hướng dẫn/Thủ thuật Blogspot tại đây' được đăng bởi mahu220, 8/12/15.

Lượt xem: 2,299

  1. mahu220 Thành viên cấp 2

    1SPAiRQ.png
    Như mình đã được biết các men mới làm blogspot hoặc web thường tìm cái này hôm nay mình hướng dẫn các bạn làm cái này. Mình cũng k là bên thuyết kế web nên có gì thiếu sót các sư huynh đừng chém quá mạnh tks
    Cách 1:
    Cho code này
    <i class="fa fa-play-circle-o" style="font-size:36px;  float: right;text-align: -webkit-center;color: #fff; margin-top: -47%;margin-right: 40%;"></i>
    dưới img video chỗ cần hiển thị icon play
    Cách 2:
    Cho code
    <span class="play-dong"></span>
    vào trước img cần hiển thị icon play video
    tiếp theo thêm css
    span.play-dong {
    z-index: 9999;
    opacity: 0;
    width: 210px;
    height: 152px;
    position: absolute;
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    }
    span.play-dong:hover {
    opacity: 0.9;
    background-color: rgba(0, 0, 0, 0.2);
    }
    thế là xong
    Chúc các bạn thành công.

    Chỉnh sửa lần cuối: 18/12/15
    Phạm Hữu Dư thích bài viết này
  2. Phạm Hữu Dư

    Phạm Hữu Dư phamhuudu.com Ban quản trị

    Rất hữu ích! Like mạnh :like:
  3. mahu220

    mahu220 Thành viên cấp 2

    tks admin nhen Phạm Hữu Dư
    đăng lên chỉ sợ mấy cao thủ toàn bắt bẻ thôi :v mà admin nói thế là ổn rồi :v

Ủng hộ diễn đàn