Home CSS3 / HTML5 Html5 Dersleri-6 | video, audio Elementleri
Html5 Dersleri-6 | video, audio Elementleri

Html5 Dersleri-6 | video, audio Elementleri

213
0

Html5 derslerinde en son anlatımını yapacağımız Element . Kullanacağımız Video elementiyle her türlü cihazda çalıştırılabilecek videoları sitemize yükleyebilir ve kullanıcılarımıza sunabiliriz. Bunun için Flash/Medya player gibi bir eklentiye de ihtiyacımız olmaz. Kısa ve Temiz bir kod yardımıyla istediğimiz videoyu sitemize koyabiliriz.

<!DOCTYPE html>
<html>
<head>
<title>video ve audio elementleri</title>
</head>
<body>
<p><video src="video.mp4" poster="videothumb.jpg" controls="controls" width="640" height="480">
Video oynatılamıyor. HTML5 uyumlu bir tarayıcı kullanmalısınız.</video> </p>
</body>
</html>

 

<!DOCTYPE html>
<html>
<head>
<title>video ve audio elementleri</title>
</head>
<body>
// Eğer Video etiketimizin tarayıcılara optimum desteği vermesini istiyorsak
<video autoplay="autoplay" width="640px" height="480px">
<source src='video.mpg' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
<source src='video.mp4' type='video/mp4; codecs="amp4v.20.8, mp4a.40.2"'> 
<source src='video.ogv' type='video/ogg; codecs="theora, vorbis"'> 
// kodumuzu bu şekle çevirip, video formatlarını da ona göre ayarlamalıyız 
</body> 
</html>

DERS ANLATIMLARI

( Başlıklara Tıklayarak Diğer Derslere Geçebilirsiniz)

DERS1: HTML 5 Nedir? ve Html5 Anlatım

DERS2:Html5 Dersleri-2 | Header, Footer Elementleri Kullanımı

DERS3: Html5 Dersleri-3 | Nav Elementi Kullanımı

DERS4: Html5 Dersleri-4 | Article ve Section Elementi Kullanımı

DERS5: Html5 Dersleri-5 | Aside Elementi Kullanımı

DERS6: Html5 Dersleri-6 | video, audio Elementleri Kullanımı

(213)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.