Wordpress Wordpress kodları

HTLM : Video Destegi

img_html5_html5

img_html5_html5

Bazı modern websiteleri videolar paylaşıyorlar. Ve artık Html5 sayesinde videolar standart bir gösterim kazanıyorlar.

 

Webde Video

Şimdiye kadar hiçbir sistem kullanıcılarına video yayınlamak için standart ve böylesine basit ayarlar sunmamıştı.

Bugün birçok video flash gibi eklenti destekleri sayesinde yayınlanıyor. Bu durum sitede yavaşlık ve geç yüklenmeye sebep oluyordu.

Html 5 ile, <video> tagı sayesinde video sayfaya entegre edilerek videoların yüklenmesine hız kazandırılıyor. Artık video izlemesi daha rahat bir hal alacak.

 

Tarayıcı Desteği

Günümüzde güncel olarak bulunan tüm tarayıcılar tarafından Html 5’in <video> etiketi desteklenmektedir.
Not: İnternet Explorer’ın 8 ve önceki versiyonları tarafında <video> etiketi desteklenmemektedir.

 

HTML5 Video – Nasıl Çalışır?

Html5’de video oynatmak için ihtiyacınız olan herşey aşağıdaki kodlardır.

<video width=”320″ height=”240″ controls=”controls”>

<source src=”movie.mp4″ type=”video/mp4″ />

<source src=”movie.ogg” type=”video/ogg” />

Your browser does not support the video tag.

</video>

 

‘Control’ özelliği, videoya başlat, durdur, duraklat ve ses ayarları gibi kontrol düğmeleri eklemeyi sağlar.

Ayrıca yukarıdaki gibi genişlik (width) ve yükseklik (height) özelliklerini videoya dahil etmek her zaman iyi bir fikirdir. Eğer bu özellikle ayarlıysa, sayfa yüklenirken bu boşluğu da dahil eder ve yüklenme süresini azaltır. Fakat tarayıcı bu değerleri bilmezse, ayıracağı boşluk hakkında bilgisi olmaz ve buna uygun yer ayıramaz. Bu hem sayfada geç yüklenme hemde sayfa düzeninde yer kaymalarına(değişikliklerine) sebep olabilir.

Eğer tarayıcınız <video> etiketini desteklemiyor ise, <video></video> arasına yazı şeklinde içerik eklemeniz gerekecektir.

<video> elemanı birden <source> elemanı desteği sağlar. <source> öğeleri sayesinde farklı video dosyalarını aynı anda sayfaya ekleyebilirsiniz. Tarayıcı ilk tanınan biçimini kullanır.

 

Video Formatları ve Tarayıcı Desteği

Şuan <video> etiketi 3 farklı video tipi desteklemektedir. Bunlar; Mp4, WebM ve Ogg’dur.

Tarayıcı

Mp4

WebM

Ogg

Internet Explorer 9

* * *

Firefox 4

* * *

Google Chrome 6

* * *

Apple Safari 5

* * *

Opera 10.6

* * *

 

 

HTML5 Video Etiketleri

Etiket________________ Açıklaması________________________________________
<video> Video veya film tanımlar.
<source> <video> ve <audio> için çoklu ortam kaynaklarını tanımlar
<track> <video> ve <audio> için metin parçaları tanımlar.
KinqCasTLe
Merhabalar Ben Oğuz. Şuanda 20 yaşındayım. Hep hayalini kurduğum bilişim sektöründe çalışmaktayım. Wordpress, Photoshop ve Seo ile yakından ilgili birisiyim. Özellikle Semantik arama mantığı ve LSI mantığını kavramış biriyim :). Google adwords ve Google arama mantığını kavramış ve iyi kelimelerde ilk 3'e kadar getirdiğimiz siteler bulunmakta. Exclusive Creative adı altında bir şirket kurdum ve bu şirkette ki hedefim 2015 yılı içerisinde En iyi SEO firması haline getirmek olacak. Bu zor bir hedef tabi ki. Fakat sağlam çalışmayla ulaşmayı planlıyorum :). İyi Bloglamalar !
You may also like
wordpresssecurity
WordPress Saldırı önleme
Cpanelden wp-admin sifresi degiştirmek

Leave Your Comment

Your Comment*

Your Name*
Your Webpage