12-03-2016, 12:11
Merhaba Arkadaşlar;
HTML5'den önce, bir web sayfasında vidoları göstermek için bir standar yoktu ve Flashplayer gibi eklentiler ile video içerikleri oynatılabiliyordu. <video> etikieti bir web sayfası içerisinde gömülü html5 öğesini belirtir. Bu sayede hiçbir eklentiye gereksinim duyulmadan video içerikleri web sitesinde oynatılabilir hale gelmiştir. Ayrıca javascitplerle istenildiği gibi özelleştirilebilen html5 video etiketi şuan için bir çok websitesinin tercihi olmakla birlikte tarayıcı ile birlikte eklenti olarak çalışan ve tarayıcıya haddinden fazla yük bindirip aşırı şekilde bilgisayar kaynağı tüketen ve hatta bunlar bir yana güvenlik açıkları bulunan flashplayer gibi eklentiler artık tercih edilmemektedir.
HTML5 <video> etiketini destekleyen tarayıcılar ve sürümleri şu şekildedir:
Örnek Kullanımı Şu Şekildedir ve src kısmına videonun dizin konumu veya bir sunucudan çekiliyorsa video linki eklenerek kullanılabilir.
HTML5'den önce, bir web sayfasında vidoları göstermek için bir standar yoktu ve Flashplayer gibi eklentiler ile video içerikleri oynatılabiliyordu. <video> etikieti bir web sayfası içerisinde gömülü html5 öğesini belirtir. Bu sayede hiçbir eklentiye gereksinim duyulmadan video içerikleri web sitesinde oynatılabilir hale gelmiştir. Ayrıca javascitplerle istenildiği gibi özelleştirilebilen html5 video etiketi şuan için bir çok websitesinin tercihi olmakla birlikte tarayıcı ile birlikte eklenti olarak çalışan ve tarayıcıya haddinden fazla yük bindirip aşırı şekilde bilgisayar kaynağı tüketen ve hatta bunlar bir yana güvenlik açıkları bulunan flashplayer gibi eklentiler artık tercih edilmemektedir.
HTML5 <video> etiketini destekleyen tarayıcılar ve sürümleri şu şekildedir:
Kod:
Mozilla için: 3.5 ve üzeri,
Chrome için 4.0 ve üzeri,
İnternet Explorer için 9.0 ve üzeri,
Safari için 4.0 ve üzeri,
Opera iç,n 10.5 ve üzeri,
Windows 10 ile beraber gelen Microsoft Edge
Örnek Kullanımı Şu Şekildedir ve src kısmına videonun dizin konumu veya bir sunucudan çekiliyorsa video linki eklenerek kullanılabilir.
Kod:
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
Tarayıcınız video etiketini desteklemiyor.
</video>