Web sitesinde video: içerik açılmadan filmi bekletmeyin

Filmin görevini tek cümlede yazın

“Markayı güçlü gösterelim” yerine “Ziyaretçi seramik parçanın elle şekillendiğini görsün” gibi belirli bir amaç seçin. Bu amaç, hangi sahnelerin gerekli olduğunu ve videonun sayfanın neresinde bulunacağını belirler. Üretim sürecini anlatan film ile yalnızca atmosfer oluşturan döngü aynı içerik değildir.

Ana hizmet açıklamasını ve iletişim bağlantısını videonun dışında tutun. Film açılmadığında da sayfa temel görevini yerine getirebilmeli. Başlığın yalnızca videonun içine yazılması, ziyaretçinin dosya yüklenene kadar işletmeyi anlamasını zorlaştırır.

Kapak karesini bağımsız bir tasarım olarak seçin

İlk kare rastgele bir geçiş anı değil, filmin ne anlattığını gösteren bir görüntü olsun. Örneğimizde eller ve ürün birlikte görünür; kenarlardaki boşluk telefonda kırpıldığında da konu anlaşılır. Oynat düğmesi, süre bilgisi doğrulanmışsa süre ve kısa bir açıklama eklenebilir.

web.dev, otomatik başlamayan videolarda poster görseli ile preload="none" yaklaşımını anlatır. Böylece video verisini önceden indirmemek hedeflenirken ekranda bir kapak bulunabilir. İlk ekranın ana görselini gelişigüzel geciktirmeyin; sayfanın yükleme önceliği ayrıca değerlendirilmelidir.

Başlatma ve geri dönme davranışını belirleyin

Kullanıcının filmi kendisinin başlatması, sesi ve izleme zamanını seçmesine yardımcı olur. Oynat düğmesinin yeni sayfa mı, pencere mi, aynı alanı mı açacağını baştan belirleyin. Bir pencere kullanıyorsanız kapatınca odak başlangıç kontrolüne dönmeli; sayfa beklenmedik biçimde en üste sıçramamalı.

Kontrolleri yalnızca fare üzerine geldiğinde göstermeyin. Dokunmatik ekranda durdurma, ses ve kapatma seçenekleri bulunabilsin. Film açılamadığında boş siyah kutu bırakmak yerine kısa bir hata açıklaması ve metin üzerinden devam yolu sunun.

Video olmadan kalan içeriği görün

Altyazıyı son gün eklenecek süs olarak görmeyin

W3C medya rehberi, anlaşılması gereken konuşma ve ses bilgisini altyazıyla, gerekli görsel bilgiyi uygun betimlemeyle erişilebilir kılmayı ele alır. Metin dökümü de içeriğin başka bir yoldan incelenmesine yardımcı olabilir. Gereksinimi filmin gerçek içeriğine göre belirleyin.

Çekim planında ürün adı, konuşmacı ve ekranda gösterilen önemli bilgilerin nasıl anlatılacağını kararlaştırın. Otomatik altyazıyı ürün adları ve Türkçe karakterler açısından kontrol edin. Müzik lisansı ve görüntü kullanım hakkı teslim dosyalarının bir parçası olsun; hakları belirsiz bir referans videoyu sitenize taşımayın.

Kabul kontrolünü yavaş bağlantıyla yapın

Telefonla sayfayı açın ve filmi başlatmadan başlığı, hizmeti ve iletişim yolunu bulmaya çalışın. Ardından oynatın, durdurun ve geri dönün. Video yüklenmediğinde açıklamanın kalıp kalmadığını da inceleyin. Dosya boyutunu azaltmak kadar bu davranışların tutarlı olması önemlidir.

Genel ölçüm yaklaşımı için Core Web Vitals rehberine, görsel sunumları değerlendirmek için projelere bakabilirsiniz. Web tasarım teklifinde film üretimi, kurgu, altyazı ve siteye yerleştirmenin ayrı teslimler olup olmadığını netleştirin.