HTML Multimedya Ders_5 Youtube Videoları

HTML Youtube Videoları

Bir html dökümanında, video oynatmanın en kolay yolu youtube videolarıdır.

Video Formatları İle Çalışmak

Farklı tarayıcıların farklı versiyonları, farklı video formatlarını destekler.

Videoların formatlarını değiştirmek, yani bir formattan başka bir formata dönüştürmek bazen zaman kaybına sebep olabilir.

Bu yüzden, video işini Youtube'a bırakmak belki de en kola yol olacaktır.

Youtube Videolarının Id Özelliği

Bir video oyanttığınızda, youtube bu videoya ait bir id değeri (XGSy3_Czz8k gibi) gösterir. Bu id değeri, adres çubuğunda, eşittirden sonraki kısımdır, son kısımdır.

Bu id değerini kullanabilir ve bu videoyu html dökümanınızda yayınlayabilirsiniz.

HTML ile Youtube Videosu Çalmak

Kendi videonuzu html sayfanızda çalmak için şu adımları izleyin:

Videonuzu youtube'a yükleyin. (Videonuza youtube'un verdiği id değerini kaydedin)
Web sayfanızda bir <iframe> elemanı tanımlayın.
src özelliğine videonuzun youtube adresini kopyalayıp yapıştırın.
width ve height özelliklerine istediğiniz değerleri atayarak, videonuzun büyüklüğünü ayarlayabilirsiniz.
Bunların dışında da, url'inize başka özellikler ekleyebilirsiniz.

Örneğe dikkat edelim:

Yotube Parametreleri (autoplay=1)

src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1" kodunun sonundaki,

autoplay=1

kısmı, parametre kısmıdır. Bu kısım farklı parametre ve değerler alabilir:

autohide

Değer 0: Oynatıcının kontrol düğmeleri, her zaman görünür.

Değer 1: Oynatıcının kontrol düğmeleri, video çalınmaya başlandığında otoamtik olarak gizlenir.

Değer 2 (varsayılan): Eğer oynatıcının ölçüleri 16:9 veya 4:3 ise, 1 değerini alır; değilse 0 değerini alır.

autoplay

Değer 0 (varsayılan): Oyantıcı yüklendiğinde, video otomatik olarak oynamayacaktır.

Değer 1: Oyantıcı yüklendiğinde, video otomatik olarak oynatılır.

controls

Değer 0: Oyantıcının kontrol düğmeleri gösterilmez. Video doğrudan çalınır.

Değer 1 (varsayılan): Oynatıcının düğmeleri gösterilir. Video hızlıca yüklenir.

Değer 2: Oynatıcının düğmeleri gösterilir, fakat, kullanıcı play tuşuna basmadan video yüklenmez.

loop

Değer 0 (varsayılan): Video sadece bir defa oynatılır.

Değer 1: Video sonsuza kadar tekrarlanır.

playlist

Oynatılacak video listesi bir virgül ile ayrılır. (Gerçek URL değerleri).

<object> ve <embed> Elemanları ile Youtube Videosu Ekleme

Tıpkı <iframe> gibi, <object> ve <embed> elemanları da youtube videoları içerebilir. Fakat youtube videosu yayınlamak için <iframe> içeriğini kullanmak tavsiye edilir.

Tavsiye edilen: <iframe width="420" height="315"

src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>

Tavsiye edilmez: <object width="420" height="315"

data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>

Tavsiye edilmez: <embed width="420" height="315"

src="http://www.youtube.com/embed/XGSy3_Czz8k">

sonraki ders için tıklayınız

DERSİMİZ KOD - HTML