HTML Video Ekleme - Yusuf SEZER

Trang chủ » Html5 Hangi Video Formatını Desteklemez » HTML Video Ekleme - Yusuf SEZER

Có thể bạn quan tâm

  1. Anasayfa
  2. HTML
  3. HTML Video Ekleme

Web sayfalarına video ekleme için kullanılan HTML5 video etiketi ile ilgili bilgi ve video ekleme kodu yer alıyor.

HTML video oynatma

HTML5 öncesinde video oynatmak için bir eklentiye ihtiyaç vardı.

HTML5 ile birlikte gelen <video> etiketiyle web sayfalarında eklenti kullanmadan video oynatma işlemi yapılabilir.

HTML <video> etiketi

HTML ile video oynatmak için <video> etiketi kullanılır.

<video width="360" height="320" controls="controls">   <source src="video.mp4" type="video/mp4" />   <source src="video.ogg" type="video/ogg" /> Tarayıcınız video etiketini desteklemiyor. </video>

HTML <video> etiketine ait controls özelliği video için oynatma, durdurma, ses ayarlama gibi kontrolleri ekler.

HTML <video> etiketi width ve height özelliği videonun genişlik ve yüksekliğini belirtir.

Genişlik ve yükseklik belirtilmediğinde video tarayıcının belirlediği boyutlarda açılacaktır.

HTML <source> etiketi video için dosya kaynağı belirtir. Tarayıcı bu kaynaklardan desteklediği dosya kaynağını açar.

HTML <video> ve </video> etiketleri arasındaki yazı <video> etiketini desteklemeyen tarayıcılarda görüntülenir.

<video width="360" height="320" autoplay="autoplay">   <source src="video.mp4" type="video/mp4" />   <source src="video.ogg" type="video/ogg" /> Tarayıcınız video etiketini desteklemiyor. </video>

HTML <video> etiketi autoplay özelliği videoyu otomatik olarak başlatmak için kullanılır.

HTML tarayıcı video formatları

HTML <video> etiketi MP4, WebM ve Ogg video formatlarını desteklemektedir.

TarayıcıMP4 desteğiWebM desteğiOgg desteği
Internet ExplorerVARYOKYOK
ChromeVARVARVAR
FirefoxVARVARVAR
SafariVARYOKYOK
OperaVARVARVAR

HTML video formatları

Dosya FormatıFormat Türü
MP4video/mp4
WebMvideo/webm
Oggvideo/ogg

HTML <video> yenilikleri

HTML5 ile birlikte gelen <video> etiketi JavaScript DOM desteği sağlar.

JavaScript DOM desteği düğmeye tıklandığında video oynatma, durdurma, ses ayarını değiştirme gibi imkan verir.

JavaScript DOM desteği ile kendi video oynatıcınızı yapabilirsiniz.

JavaScript Derslerine buradan ulaşabilirsiniz…

HTML5 Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.

Facebook Linkedin X WhatsApp Telegram E-Posta ile paylaş Yazdır

Bunlarda ilgini çekebilir

HTML5 Server-Sent Events HTML5 WebSocket HTML5 form Elemanları HTML5 input Tipleri HTML5 input Özellikleri
Yusuf Sezer
yusufsezer.com
HTML5 Dersleri CSS3 Dersleri Responsive Web Tasarım JavaScript Dersleri Git Dersleri MongoDB Dersleri Node.js Dersleri SQL Dersleri MySQL Dersleri PostgreSQL Dersleri Oracle Dersleri PHP Dersleri Web Servis Dersleri Linux Dersleri Programlama Örnekleri C++ Dersleri .NET Dersleri Java Dersleri Yazılım Mühendisliği Dersleri Mikroservis Dersleri Yapay Zeka Dersleri Açık Kaynak Blockchain Dersleri PostgreSQL BakımPostgreSQL Partition Nedir? KullanımıPostgreSQL Veri TipleriPostgreSQL CTEPostgreSQL Tarih Saat İşlemleri ve Fonksiyonları WhatsApp gurubuna katıl.

Từ khóa » Html5 Hangi Video Formatını Desteklemez