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

Ayrıntılı düzenleme

juka

Hectopat

Tokatlı

Kilopat

Atakan Ermiş

Kilopat

Azyer-Çokişyapar

Kilopat

Benzer konular

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz