HTML YouTube Videoları
Videoları HTML'de oynatmanın en kolay yolu YouTube'u kullanmaktır.
Video Formatlarıyla Mücadele mi Ediyorsunuz?
Videoları farklı biçimlere dönüştürmek zor ve zaman alıcı olabilir.
Daha kolay bir çözüm, YouTube'un videoları web sayfanızda oynatmasına izin vermektir.
YouTube Video Kimliği
Bir videoyu kaydettiğinizde (veya oynattığınızda) YouTube bir kimlik (tgbNymZ7vqY gibi) görüntüler.
Bu kimliği kullanabilir ve videonuza HTML kodunda başvurabilirsiniz.
Bir YouTube Videosunu HTML Olarak Oynatma
Videonuzu bir web sayfasında oynatmak için aşağıdakileri yapın:
- Videoyu YouTube'a yükleyin
- Video kimliğini not alın
<iframe>
Web sayfanızda bir öğe tanımlayınsrc
Özelliğin video URL'sini göstermesine izin verin- Oyuncunun boyutunu belirtmek için
width
ve niteliklerini kullanınheight
- URL'ye başka parametreler ekleyin (aşağıya bakın)
Örnek
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
YouTube Otomatik Oynatma + Sesi Kapat
autoplay=1
Bir kullanıcı sayfayı ziyaret ettiğinde , YouTube URL'sine ekleyerek videonuzun otomatik olarak oynatılmasına izin verebilirsiniz . Ancak, otomatik olarak bir video başlatmak ziyaretçileriniz için can sıkıcıdır!
Not: Chromium tarayıcıları çoğu durumda otomatik oynatmaya izin vermez. Ancak, sessiz otomatik oynatmaya her zaman izin verilir.
Videonuzun otomatik olarak oynatılmaya başlamasına izin vermek için (ancak sesi kapalı) mute=1
sonra ekleyin .
autoplay=1
YouTube - Otomatik Oynatma + Sessiz
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
YouTube Oynatma Listesi
Oynatılacak videoların virgülle ayrılmış listesi (orijinal URL'ye ek olarak).
YouTube Döngüsü
loop=1
Videonuzun sonsuza kadar dönmesine izin vermek için ekleyin .
Değer 0 (varsayılan): Video yalnızca bir kez oynatılır.
Değer 1: Video döngüye girer (sonsuza kadar).
YouTube - Döngü
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
YouTube Kontrolleri
controls=0
Kontrolleri video oynatıcıda görüntülememek için ekleyin .
Değer 0: Oynatıcı denetimleri görüntülenmiyor.
Değer 1 (varsayılan): Oynatıcı kontrolleri görüntülenir.
YouTube - Kontroller
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>