Un iframe para ver streaming deportivos en vivo
<div class="ifcontenedor">
style="top: -20px; height: 410px;"
<div class="tema-dcanal">
<h1>DirecTV Sports</h1>
<div class="sportsif">
<iframe width="560" height="315" src=""
title="YouTube video player" frameborder="0"
allow="accelerometer; autoplay; clipboard-write;
encrypted-media; gyroscope; picture-in-picture;
web-share" referrerpolicy="strict-origin-when-cross-origin"
allowfullscreen ></iframe>
</div>
</div>
--- CSS ---
.ifcontenedor{
width: 100%;
height: auto;
background: rgb(24, 24, 24);
display: flex;
flex-flow: row wrap;
align-items: center;
justify-content: center;
padding: 50px 0px;
}
.tema-dcanal{
margin: 10px;
}
.sportsif{
width: 280px;
height: 150px;
background: black;
display: flex;
align-items: center;
justify-content: center;
border: 3px solid tomato;
overflow: hidden;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.sportsif iframe{
position: relative;
width: 350px;
height: 300px;
top: -70px;
background: rgb(58, 58, 58);
}
Creado para fútbol libre...
