HTML Video Player hizalama nasıl yapılır

juka · 27 Mayıs 2017

Arkadaşlar Selam. siteme ortalanmış ve yan yana olmak üzere 2 video eklemek istiyorum. Fakat aşağıdaki kodları yazınca videolar alt alta geliyor bir türlü yan yana alamadım. Yardımcı olursanız çok sevinirim.

HTML:

<center>
<video width="400" height="300"
controls>
<source src="video/klanzindani33.mp4"
type="video/mp4">
<source src="klanzindani33.ogg"
Tarayiciniz bu özelligi desteklemiyor
</video>
</center>
<center>
<video width="400" height="300"
controls>
<source src="video/klanzindani34.mp4"
type="video/mp4">
<source src="klanzindani34.ogg"
Tarayiciniz bu özelligi desteklemiyor
</video>
</center>

Tokatlı · 17 Haziran 2017

Float left olarak ayarla düzelir ve bu videoların bulunduğu divi 800 PX yap.

Atakan Ermiş · 23 Haziran 2017

İlk olarak center tagleri HTML5 ile desteklenmiyor, artık kullanılmasını önermiyoruz. Center yerine div taglerine alabilirsiniz.

İlk olarak <center></center> tagleri yerine <div class="video-wrap"></div> tagleri kullanın.

Daha sonra CSS ile hizalayalım:

Kod:

.video-wrap {
    display: block;
    float: left;
    margin: auto;
}

İlk olarak margin'in düzgün çalışması için block seviyesinde bir eleman olduğuna emin olduk. Daha sonra Float: left komutu ile video-wrap classına sahip elemanları soldan sağa sıraladık. Daha sonra da margin: auto komutu ile ortaladık. (center taginin işlevi)

Azyer-Çokişyapar · 23 Haziran 2017

<center > tagleri arasına 800 pixel genişliğinde DIV koy ve videoları içine koy. Margin falan uğraşmana gerek yok.

HTML Video Player hizalama nasıl yapılır

juka

Hectopat

Tokatlı

Megapat

Atakan Ermiş

Kilopat

Azyer-Çokişyapar

Kilopat