Uyurken Bile Para Kazanmak İster misin

Resim
    İnternetten para kazanmanın yolları   ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek  internetten para kazandıran siteler  ve uygular ile  hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak  pasif gelir elde edebilirsiniz . Genelde  uyurken bile para kazan   denildiğinde anlamanız gereken bu sistemdir. Haydi  Ücretsiz Bitcin kazanmaya başlayalım  ve paraya dönüştürelim. Siteye Hemen Üye ol:  FreeBitcoin  ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın her bitcoinle ücretsiz  çekiliş bileti alabilirsiniz. Dikkatle
Yorum Gönder

HTML video Etiketi

<video> Etiketi

Örnek

Videoyu oynatın:

<video width="290" height="260" controls>
  <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4">
  <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg">
  Tarayıcınız video etiketini desteklemiyor.
</video>

<video> Tanımı ve Kullanımı

<video> etiketi bir video kilp ve benzeri gibi diğer video yayınlarını tanımlar.

Şu anda video elementi için desteklenen üç video formatı var: MP4, WebM ve Ogg:


Tarayıcı MP4 WebM Ogg
Internet Explorer VAR YOK YOK
Chrome VAR VAR VAR
Firefox VAR
Firefox 21'den itibaren
Linux için Firefox 30'dan itibaren		 VAR VAR
Safari VAR YOK YOK
Opera VAR
Opera 25'den itibaren		 VAR VAR

  • MP4 = H264 video codec ve AAC audio codec'li MPEG 4 dosyaları
  • WebM = VP8 video codec ve Vorbis audio codec'li WebM dosyaları
  • Ogg = Theora video codec ve Vorbis audio codec'li Ogg dosyaları


Video Formatları için MIME Türleri

Format MIME-Type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

Tarayıcı Desteği

Tablodaki sayılar elementi tamamen destekleyen ilk tarayıcı versiyonunu ifade ediyor.

Element
<video> 4.0 12.0 9.0 3.5 4.0 10.5

HTML 4.01 ile HTML5 arasındaki farklar

<video> etiketi HTML5'te yenidir.

İpuçları ve Notlar

İpucu: <video> ve </video> etiketleri arasına girilen her metin <video> elementini desteklemeyen tarayıcılarda görüntülenir.

Opsiyonel Özellikler

= HTML5'te yeni.

Özellik Değer Tanım
autoplay autoplay Videonun hazır olur olmaz oynamaya başlayacağını belirtir.
controls controls Video kontrollerinin görüntüleneceğini belirtir.
height piksel Video oynatıcının yüksekliğini tanımlar.
loop loop Videonun her bittiğinde yeniden başlayacağını ifade eder.
muted muted Videonun sesinin kısılı olması gerektiğini tanımlar.
poster URL Kullanıcı oynat butonuna tıklayana kadar veya video indirilirken gösterilecek bir resmi tanımlar.
preload auto
metadata
none		 Sayfa yüklerken videonun nasıl yükleneceğini belirler.
src URL Video dosyasının URL'sini tanımlar.
width piksel Video oynatıcının genişliğini belirler.

Standart Özellikler

<video> etiketi Standart Özellikleri desteklemektedir.

HTML Standart Özellikler'i inceleyebilirsiniz.

Olay Özellikleri

<video> etiketi Olay Özelliklerini desteklemektedir.

HTML Olay Özellikleri'ni inceleyebilirsiniz.

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

HTML i Etiketi

<i> Etiketi Örnek <i> etiketiyle farklı ton ve biçimde yazı: < p > Köpeğine  < i > Pamuk < /i >  adını verdi < /p > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Köpeğine <i>Pamuk</i> adını verdi</p> </body> </html> HTML ve CSS Dersleri © 2015 HTMLveCSSegitimi.blogspot.com <i> Tanımı ve Kullanımı <i> etiketi metnin bir bölümünü farklı ton ve biçimde tanımlar. <i> etiketinin içeriği genellikle italik olarak görüntülenir. <i> etiketi teknik bir terimi, başka
Devamı Oku »

CSS border-top-style Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYdivE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title> css border-top-style özelliği ve örnek uygulama</title> <style> div {border-style:solid; margin:33px; padding:33px; border-color:gray;} /*border-top-style aldığı değerler */ div.none {border-top-style: none;} div.dotted {border-top-style: dotted;} div.dashed {border-top-style: dashed;} div.solid {border-top-style: solid;} div.double {border-top-style: double;} div.groove {border-top-style: groove;}
Devamı Oku »

HTML blockquote Etiketi

<blockquote> Etiketi Örnek Başka bir kaynaktan alıntı yapılmış metin: < blockquote cite= "http://www.apple.com/tr/iphone-6s/"> iPhone 6s’i kullandığınız anda, onun bambaşka bir şey olduğunu hissedeceksiniz. 3D Touch, tek bir bastırma hareketiyle her zamankinden daha fazlasını yapmanıza imkan sunuyor. Live Photos, anılarınıza son derece canlı bir şekilde hayat veriyor. Ve bu sadece bir başlangıç. iPhone 6s’i daha derinlemesine incelediğinizde, onun her zerresinde inovasyon olduğunu görebilirsiniz. < /blockquote > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <h1>Iphone 6S</h1> <p>Apple internet
Devamı Oku »

Html5 canvas animasyon dersleri Javascript Yilan Oyunu

Resim
Html5 canvas etiketi ve Javascript yardımı ile çok güzel animasyonlar yapabilir oyunlar programlayabilirsiniz.Sizlere bu yazımda  Udemy'de Yayınladığım harika kurs hakkında  bilgi vereceğim. Html5 Canvas Animasyon Dersleri  6 Saatlik eğitim sonunda  Html5 canvas  animasyonları ve oyunları çok kolay bir şekilde yapabilirsiniz.Öncelikle yılan oyunu yapımı ve kurs önizlemesini izleyelim. Eğer sıfırdan oyun geliştirmek istiyorsanız ve javascript ile aranız iyi ise hemen kendi oyununuzu programlamaya başlayın. Yılan oyununu yapmak sadece 1 saat 5 saat boyunca Html5 Canvas yolculuğuna çıkacağız. Javascript Yılan Oyunu Yapımı Diyeceksiniz ki çok basit bir oyun bu  ! Kesinlikle öyle basit  fakat normal bir oyun yapımında kullanılan neredeyse bütün algoritmalar sorgulamalar bu oyun içerisinde var.Javascript ve programlama gücünüz oyun yapmaya çalışırken maximum seviyeye çıkabilir.Ben denedim :) Udemy'deki Html5 Canvas Animasyon dersleri ve Javascript Oyun Yapımı k
Devamı Oku »

HTML li Etiketi

<li> Etiketi Örnek Bir sıralı (<ol>) ve bir sırasız (<ul>) HTML listesi: < p > Sıralı liste: < /p > < ol >    < li > Siyaset < /li >    < li > Ekonomi < /li >    < li > Spor < /li > < /ol > < p > Sırasız/maddeli liste: < /p > < ul >    < li > Siyaset < /li >    < li > Ekonomi < /li >    < li > Spor < /li > < /ul > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Sıralı liste:</p> <ol> <li>Siyaset</li> <li>Ekonomi</li> <li>Spor</li&g
Devamı Oku »

Linklerin Renklerini Değiştirme Örnek

<!DOCTYPE html> <html> <head> <style> a:link { color: green; background-color: transparent; text-decoration: none } a:visited { color: brown; background-color: transparent; text-decoration: none } a:hover { color: red; background-color: transparent; text-decoration: underline } a:active { color: orange; background-color: transparent; text-decoration: underline } </style> </head> <body> <p>Linklerin varsayılan renklerini değiştirebilirsiniz.</p> <a href="http://htmlvecssegitimi.blogspot.com/2016/01/html-link-rengi-degistirme-ornek.html" target="_blank">HTML Link Rengi Değiştirme Örneği</a> </body> </html>
Devamı Oku »

JavaScript CSS3 column-fill Örnek

javascript css3 column-fill özelliği örnek uygulama Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir. Bu özelliği kullanarak çok sütunlu hazırladığımız makaleleri auto değeri vererek normal tek sütunlu hale getirebilir.
Devamı Oku »

HTML Temel

« Önceki Ders Sonraki Ders » Temel HTML Örnekleri Aşağıdaki başlıklar altındaki örnekler HTML'de en sık kullanılan Temel HTML Örnekleri dir. HTML belgelerinizde kullanacağınız bu etiket örnekleri daha detaylı konu anlatımlarını ilerleyen derslerde bulabilirsiniz. HTML Belgeler Tüm HTML belgeleri bir belge türü bildirimi: <!DOCTYPE html> ile başlar. HTML belgesi <html> etiketi ile başlar </html> etiketi ile biter. HTML belgesinin kullanıcı tarafından görünür kısmı olan body " gövde " elementi ise <body> ve </body> etiketleri arasında yer alır. Örnek <!DOCTYPE html> <html> <body>   <h1>İlk Başlığım</h1>   <p>İlk Paragrafım......</p> </body> </html> Kendiniz deneyin » HTML Başlıklar HTML belgelerinde, HTML başlıkları <h1> den <h6> ya kadar olan başlık etiketleri ile tanımlanır. Örnek <h1>Başlık 1</h1> <
Devamı Oku »

CSS3 border-radiusÖrnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>css border-radius özelliği ve örnek uygulama</title> <style type="text/css"> div { border: 5px solid pink; padding: 30px; background:yellow; width: 180px; border-radius: 20px;} article{ border: 5px solid red; padding: 30px; background:yellow; width: 180px; border-radius: 90px; margin-top:50px; } </style> </head> <body> <div>Bu div kutusunun border-radius özellik değerine 20p
Devamı Oku »

CSS border-style Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYdivE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title> css border-style özelliği ve örnek uygulama</title> <style> div {border-style: solid; margin:30px; padding:30px; border-color:green;} /*border-style aldığı değerler */ div.none {border-style: none;} div.dotted {border-style: dotted;} div.dashed {border-style: dashed;} div.solid {border-style: solid;} div.double {border-style: double;} div.groove {border-style: groove;} div.ridge {border-style:
Devamı Oku »
Monetize your website traffic with yX Media