HTML Eğitimi

HTML ANA SAYFA HTML'ye Giriş HTML Düzenleyiciler HTML Temel HTML Öğeleri HTML Özellikleri HTML Başlıkları HTML Paragrafları HTML Stilleri HTML Biçimlendirme HTML Alıntılar HTML Yorumları HTML Renkleri HTML CSS'si HTML Bağlantıları HTML Görselleri HTML Sık Kullanılan Simgesi HTML Tabloları HTML Listeleri HTML Bloğu ve Satır İçi HTML Sınıfları HTML Kimliği HTML İç Çerçeveleri HTML JavaScript'i HTML Dosya Yolları HTML Başlığı HTML Düzeni HTML Duyarlı HTML Bilgisayar Kodu HTML Semantiği HTML Stil Kılavuzu HTML Varlıkları HTML Sembolleri HTML Emojileri HTML Karakter Seti HTML URL Kodlaması HTML'ye karşı XHTML

HTML Formları

HTML Formları HTML Formu Nitelikleri HTML Form Öğeleri HTML Giriş Türleri HTML Girdi Nitelikleri HTML Giriş Formu Nitelikleri

HTML Grafikleri

HTML Kanvas HTML SVG'si

HTML Ortamı

HTML Ortamı HTML Videosu HTML Ses HTML Eklentileri HTML YouTube

HTML API'leri

HTML Coğrafi Konum HTML Sürükle/Bırak HTML Web Depolama HTML Web Çalışanları HTML ÖAM

HTML Örnekleri

HTML Örnekleri HTML Testi HTML Alıştırmaları HTML Sertifikası HTML Özeti HTML Erişilebilirliği

HTML Referansları

HTML Etiket Listesi HTML Özellikleri HTML Genel Nitelikleri HTML Tarayıcı Desteği HTML Olayları HTML Renkleri HTML Kanvas HTML Ses/Video HTML Doktipleri HTML Karakter Kümeleri HTML URL Kodlaması HTML Dil Kodları HTTP Mesajları HTTP Yöntemleri PX'den EM'ye Dönüştürücü Klavye kısayolları

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ın
  • srcÖzelliğin video URL'sini göstermesine izin verin
  • Oyuncunun boyutunu belirtmek için widthve niteliklerini kullanın height
  • 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=1Bir 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=1sonra 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=1Videonuzun 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=0Kontrolleri 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>