Wyrównanie playera pokazanego po kliknięciu w button

Witam wszystkich. Mam dodany na stronie skrypt który po kliknięciu w przycisk pokazuje okienko z playerem w iframe.

Ustawiłem wygląd przyciska w css (Jest wyśrodkowany) ale po kliknięciu player nie jest już wyśrodkowany tylko lekko przesunięty.

 

Skrypt:

<center> 
<div class="video" id="video" onclick="wlaczVideo()"></div>
<script>
  var video = document.getElementById('video');
  
    function wlaczVideo(){
    
      video.innerHTML='<iframe width="640" height="360" src="{full-story}"></iframe>';
      
    }
</script>

<br />
</center>

Kod CSS:

.video{
background-image: url(../images/video.png);
height: 154px;
width: 375px;
display: inline-block;
position: relative;
cursor: pointer;
}

Pomoże ktoś zrobić tak aby player pokazywał się wyśrodkowany (tak jak przycisk)

czudik proszę konkretnie zatytułować wątek (użyj  pełnego edytora).

 

Zignorowanie prośby będzie skutkować usunięciem topica z forum.

  1. Usuń ten znacznik - center

  2. Do .video dodaj margin: auto;

Tak myślałem. Obejmij div’a .video w jakiegoś innego div’a i do css dodaj

innyDiv {
    width: 100%;
    text-align: center;
}

Zamykasz gdzieś w ogóle ten div#bgfilms? Musisz gdzieś mieć błąd, ponieważ wszystko jest ok - http://goo.gl/ObTUiR

Jak usuwasz konto to nie psuj starych wątków.

Nikt nie będzie pół świata kopać za twoim 8 letnim byciem noobem/newbie w webmasteringu (wystarczy nie używać służbowo „czudik” w np. CV).