Wordpress Wordpress kodları

HTLM : Video Destegi

img_html5_html5
0

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.
Oğuzhan isa
Adım Oğuzhan İsa. Bir başlangıç gerekiyor değil mi ? Peki ama kim için ? Neden bu kadar emek ? Neden bu kadar çaba diyorsunuz değil mi ? Demeyin diye bunları yazıyorum aslında. Daha önce bir çok siteye Freelance SEO hizmeti verdim. Profesyonellik katmak amacıyla hatta kendi şirketim olan Exclusive Creative’yi kurmuştum. Sonrasında takım ile ilgili problem olduğu için şirketi kapattım. Kıbrıs’ta Dijital Pazarlama Uzmanı olarak çalıştıktan sonra Türkiye’ye dönüş yapıp Ukrayna’da okumaya karar vermiştim. Teocw’ye ortaklık yaptıktan sonra bu fikrimi daha detaylıca düşünme fırsatım oldu ve gitmemeye karar verdim. Türkiye’de kalıp Clicksus olarak sponsor olduğumuz Egitio.com projesine destek vermek istiyorum çünkü. İnsanlara Gerçek bilgiyi öğretmek istiyorum. Gerçeklere ulaşıp her algoritmik değişimden sonra sitelerimiz yandı bitti kül oldu demesinler istiyorum. Ben Oğuz. Clicksus’da Kıdemli SEO Uzmanı adı altında 2017 yılında damga vuran değişiklikler için çalışıyorum. Her zaman daha iyisini yapabilecek kapasiteye sahip , hızlı öğrenen , zeki ve biraz egolu birisiyim. Neysem oyumdur her zaman aynıydım ve aynı kalmak istiyorum. En az 3 Yıl daha Türkiye’deyim. Bakalım neleri değiştirebileceğiz ? Neler katabileceğiz ?
You may also like
WordPress İçin Instagram Widget
wordpress
WordPress faydaları

Bir yorum yap!

Yorumunuz*

İsminiz*
Web siteniz