<style>
.video-thumb{
position:relative;
display:inline-block;
max-width:800px;
width:100%;
text-decoration:none;
}
.video-thumb img{
width:100%;
display:block;
border-radius:12px;
}
.play{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
width:90px;
height:64px;
background:#ff0000;
border-radius:16px;
box-shadow:0 4px 10px rgba(0,0,0,.4);
}
.play:before{
content:'';
position:absolute;
left:36px;
top:17px;
border-top:15px solid transparent;
border-bottom:15px solid transparent;
border-left:25px solid #fff;
}
.time{
position:absolute;
bottom:10px;
right:10px;
background:rgba(0,0,0,.8);
color:#fff;
padding:4px 8px;
border-radius:4px;
font-size:13px;
font-family:Arial,sans-serif;
font-weight:bold;
}
</style>
<a class="video-thumb"
href=" YOUR VIDEO LINK "
target="_blank"
rel="noopener noreferrer sponsored">
<img src=" YOUR IMAGE LINK " alt="Video Thumbnail">
<div class="play"></div>
<div class="time">08:35</div>
</a>
Post a Comment