[HTML, CSS] Problema posizionamento video youtube

Messaggioda simoorusso » 06/09/2018, 19:05

Devo inserire un video in una pagina web, ma non riesco a metterlo al centro, la pagina deve essere completamente responsive vi lascio lo stralcio di codice incriminato

Codice:
<div  id="top" class="callbacks_container">
               <ul class="rslides" id="slider3">
                  <div class="videoyoutube">
                     <iframe src="https://www.youtube.com/embed/LIEuU8CZjGQ?rel=0" width="auto" height="auto" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
                  </div>
               </ul>
            </div>


css
Codice:
.callbacks_container {
  width: 100%;
}

#slider2,
#slider3 {
   box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   margin: 0 auto;
}
.videoyoutube {
   .videoyoutube {
height: 0;
overflow: hidden;
padding-top: 30px;
margin-bottom: 30px;
position: relative;
}
.videoyoutube iframe,
.videoyoutube object,
.videoyoutube embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}
   .videoyoutube {
height: 0;
overflow: hidden;
padding-top: 30px;
margin-bottom: 30px;
position: relative;
}
simoorusso
New Member
New Member
 
Messaggio: 33 di 87
Iscritto il: 25/11/2016, 14:27

Torna a Informatica

Chi c’è in linea

Visitano il forum: Nessuno e 1 ospite