video etiketi için illa CSS kullanmak zorunda olmak

… ve benim bunu becerememem.

HTML’de video ve görüntü eklemek için (çok şaşırtıcı bir şekilde) video ve img elementleri var. Daha önce video ile pek takılmamıştım ama img denen şeyi daha ilk kullanışımdan beri bir tuhaf bulduğumu biliyorum.

Tuhaf buluşumun sebebi aslında tam olarak HTML değil. HTML görevini yapıyor. Ben şu şu adreste bir görüntü var diyorum, diğer herkes de bunu anlıyor, burada bir sıkıntı yok. Problem web tarayıcıların bu etiketleri nasıl gösterdiği (“render”lediği). Eğer hayatınızda en az bir kere herhangi bir görüntüyü HTML'de ifade etmek gibi bir deneye kalkıştıysanız görüntünün o iğrenç taşmasına bence kesin tanıklık etmişsinizdir.
Berbat bir şey. Ve daha da kötüsü, aynısı video elementlerinde de var.

Bu da demek oluyor ki eğer video veya görüntü içeren bir siteniz varsa ve canınız o siteyi CSS'siz yapmak istiyorsa-- seve seve CSS koymanız gerekiyor.
Benim için biraz çarpıcı bir gerçek oldu bu.

Her video ve img elementine şöyle bir stil ekleyince durum biraz iyileşti gibi. Ama iğrenç CSS yüzünden hâlâ tam olarak işe yaramadığını söyleyebilirim.

Masaüstü Firefox'un Mobil emülatöründe yatay olarak sayfaya baktığınızda hâlâ istediğim sığma etkisini alamıyorum. Kendimi daha doğru ifade edecek olursam, ekranın yataylığı (oran açısından) videonun/görüntünün yataylığından fazlaysa görüntü dikey olarak sığmıyor: görüntüyü tamamen görmek için aşağı kaydırmanız gerekiyor.

Kesin hoş (yani div içermeyen) bir çözümü var bu anlattıklarımın ama ben henüz keşfedebilmiş değilim.

Dipnot: her elemente tek tek CSS eklemek yerine tek bir kural yazabileceğimi biliyorum ama şu anki hâlleriyle atom akışıma kopyala-yapıştır yapması daha kolay oluyor, ve evet, atom akışımı elle yapıyorum (bkz: mağara adamı).