Yerel Tam Ekran Video

1Yerleşik Tam Ekran Video#

Oluşturulan uygulamanız yerel tam ekran video oynatmayı zaten destekler. Kullanıcı bir HTML5 <video> öğesindeki tam ekran düğmesine dokunduğunda uygulama:

• Gerçek sürükleyici tam ekrana girer
• Otomatik olarak yatay konuma döner
• Tüm gezinme çubuklarını gizler
• Kullanıcı tam ekrandan çıktığında dikey yönü geri yükler

Yapılandırma gerekmez - bu otomatik çalışır! Yön kilidi uygulama tarafından yönetilir; bu yüzden yalnızca dikey olarak yapılandırılmış uygulamalar bile video oynatma sırasında doğru şekilde yatay konuma geçer.

2Desteklenen Video Kaynakları#

Şu video türleri tam ekranla çalışır:

✅ HTML5 <video> öğeleri
✅ YouTube yerleştirmeleri (iframe)
✅ Vimeo yerleştirmeleri
✅ Kendi barındırdığınız MP4/WebM videoları
✅ HLS akışları (.m3u8)

⚠️ DRM korumalı bazı içerikler yerel tam ekrana girmeyebilir

3Web Sitesi Video En İyi Uygulamaları#

Oluşturduğunuz uygulamada en iyi video deneyimi için:

<!-- Good: Standard HTML5 video -->
<video controls playsinline>
  <source src="video.mp4" type="video/mp4">
</video>

<!-- Good: YouTube embed -->
<iframe
  src="https://youtube.com/embed/VIDEO_ID"
  allowfullscreen>
</iframe>

<!-- Tip: Add 'playsinline' attribute
     for inline playback on iOS too -->

4PiP ile birleştirin#

En iyi video deneyimi için hem Tam Ekran Video'yu (yerleşik) hem de PiP modunu etkinleştirin:

1. Kullanıcı videoyu satır içi izler
2. Tam ekrana dokunur → sürükleyici yatay moda girer
3. Geri'ye dokunur → normal görünüme döner
4. Ana ekrana basar → PiP yüzen penceresine girer

Bu, kullanıcılarınıza web uygulamanızda YouTube benzeri bir deneyim sunar!