En son web geliştirme öğreticiler

HTML Youtube videoları


HTML videoları oynatmak için en kolay yolu, YouTube'u kullanmaktır.


Video Biçimleri ile Mücadele?

Farklı tarayıcılarda farklı versiyonları farklı video formatlarını destekler.

Daha önce bu eğitimde, size hepsini tarayıcılar oynamak için farklı video formatları videolarınızı dönüştürmek olabileceğini gördük.

Farklı formatta videoları dönüştürme zor ve zaman alıcı olabilir.

Daha kolay bir çözüm YouTube'un web sayfasında videoları oynatmak izin olabilir.


YouTube Video Kimliği

YouTube bir kimliği gösterecektir (like XGSy3_Czz8k) kaydettiğinizde, (or play) bir video.

Bu kimliği kullanın ve HTML videonuza başvurabilir.


HTML bir YouTube Video Oyun

Bir web sayfasında video oynatmak için aşağıdakileri yapın:

  • YouTube'a video yükleyin
  • Video id not edin
  • Bir tanımlama <iframe> Web sayfasında elemanı
  • Let src Video URL'ye özellik noktasını
  • genişliğini kullanın ve yükseklik oyuncunun boyutunu belirlemek için bağlıyor
  • URL'ye başka parametreleri ekleyin

Örnek - kullanma İç Çerçeve (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Kendin dene "

YouTube Parametreleri

otomatik gizleme

Değer 0: oynatıcı kontrolleri her zaman görebilir.

Değer 1: Video oynarken oynatıcı kontrolleri otomatik gizler.

Değer 2 (default) : 9 ya da 4: 0, aksi takdirde, aynı 1 gibi 3 oranı, oyuncu 16 varsa.

otomatik oynatma

Değer 0 (default) : Video otomatik olarak oyuncu yükleri çalmıyor.

Değer 1: Video otomatik olarak oyuncu yükleri oynayacak.

kontroller

Değer 0: Oynatıcı kontrolleri göstermez. hemen video yüklenir.

Değer 1 (default) : Oyuncu ekranını kontrol eder. hemen video yüklenir.

Değer 2: Oyuncu ekranı kontrol eden, ancak kullanıcı oynatmayı başlatmadan önce, video yüklemez.

döngü

Değer 0 (default) : video yalnızca bir kez oynayacak.

Değer 1: Video şekilde döngü (forever) .

çalma listesi

Virgül oynamak için videoların listesini ayrılmış (in addition to the original URL) .


YouTube <object> Gömmeler

YouTube <object> yerleştirmeler Ocak 2015 den kaldırılmış bulundu.

Kullanılacak uygulamalarınızı geçmeleri gerekmektedir <iframe> gömer.

Örnek - kullanma <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Kendin dene "

Örnek - Kullanma <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Kendin dene "