html css video optimizasyonu
Merhabalar, sizi rahatsız ediyorum kusura bakmayın. düz html css sayfasında bir video göstermem gerekiyor ama videolar bazı mobil cihazlarda açılmıyor. uzun bir araşatırma yaptım ama sonuca ulaşamadım acaba fikri olan vcarmıdır? kodum bu şekilde
<div class="videos">
<video class="active" src="./src/img/metaviode/Delivery.mov" muted></video>
<video src="./src/img/metaviode/video2.mov" muted></video>
</div>
<div class="main-video">
<video src="./src/img/metaviode/Delivery.mov" muted controls autoplay></video>
</div>
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
eğer mp4 apple cihazlarda çalışmıyorsa ki çalışması gerekir, codec problemi vardır, mp4 dosyası geçerli bir codec'te değildir.
internette örnek mp4 dosyaları var, onları deneyip bir test edin eğer onlar çalışıyorsa sorun codec'tendir. Boyut ile şöyle alakası olabilir, eğer stream ettiremiyorsan dosyayı tümünü yüklene kadar çalıştırmayabilir. onu stream sunucu yapıp çözmen gerekir ama o da ekstra maliyet :)
.mov
uzantısı web standartı olmadığı için mümkünse videoların .mp4
formatında olması tüm cihazlarda doğru çalışmasını sağlayacaktır.