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

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

Code:

<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

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

Code:

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.