Html5 Dersleri-6 | video, audio Elementleri
Html5 derslerinde en son anlatımını yapacağımız Element video ve audio elementleri. 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"><sourcesrc='video.mpg'type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'><sourcesrc='video.mp4'type='video/mp4; codecs="amp4v.20.8, mp4a.40.2"'><sourcesrc='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ı
(179)
