HTML YouTube Videosu

Kurs tavsiyesi:

HTML'de videoyu en basit şekilde içermek için YouTube kullanabilirsiniz.

Video formatını karıştırmak mı?

Video formatını değiştirmek hem zor hem de zaman alıcı olabilir.

YouTube'nın web sayfanızda video oynatmasını sağlamak için daha basit bir çözüm.

YouTube Video Id

Videoyu kaydetmek (veya oynatmak)的时候，YouTube bir id (örneğin ih1l6wb7LhU) görüntüler.

Bu id'yi kullanabilir ve HTML kodunuzda videoyu çağırabilirsiniz.

HTML'de YouTube videosunu

  • Web sayfasında video oynatmak istiyorsanız, aşağıdaki adımları izleyin:
  • YouTube'ya video yükleyin
  • video id'yi not alın tarayıcınızda <iframe>
  • tanımlamak için İçerik öğesini src
  • Oynatıcı URL'sine yönlendiren özellik width ve height Oynatıcı boyutunu belirlemek için özellikler
  • URL'ye diğer parametreler ekleyin (aşağıya bakın)

Örnek

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Kendi Kendine Deney

YouTube Autoplay + Sessiz

YouTube URL'ye autoplay=1 ekleyerek, videoyu kullanıcı sayfasına erişirken otomatik olarak oynatabilirsiniz. Ancak, otomatik olarak başlatılan video, ziyaretçilerinizi rahatsız edebilir!

Dikkat:Çoğu durumda, Chromium tarayıcıları otomatik oynatmayı izin vermez. Ancak, sessiz otomatik oynatmayı her zaman izin verir.

İçinde autoplay=1 Sonra ekle mute=1Videoğraflarınızın otomatik olarak başlamasını (ama sessiz) sağlar.

YouTube - Otomatik Oynatma + Sessiz

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Kendi Kendine Deney

YouTube Çalma Listesi

Oynatılacak video listesi (orijinal URL haricinde) virgülle ayrılmış olmalıdır.

YouTube Döngü

Ekle loop=1 Videoğraflarınızın daima döngüde oynamasını sağlar.

Değer 0 (varsayılan): Video bir kez oynar.

Değer 1: Video döngüde oynar (daima).

YouTube - Döngü

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Kendi Kendine Deney

YouTube Kontrolleri

Ekle controls=0 Video oynatıcı kontrollerini göstermez.

Değer 0: Oynatıcı kontrolleri göstermez.

Değer 1 (varsayılan): Oynatıcı kontrolleri gösterir.

YouTube - Kontroller

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Kendi Kendine Deney