HTML5 Kodu İle Web Sitesine Video Eklemek..

[ByESiNTi]

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

HTML Video Kodları​

Yani bir video yaptınız, internetteki bir web sunucusuna yüklediniz ve şimdi bunu kullanıcılarınıza göstermek mi istiyorsunuz?
Sorun yok! Bu sayfa, işi yapmak için ihtiyacınız olan tüm kodu sağlar!

HTML5 <video>Etiketi​

HTML'nin en son sürümü (yani HTML5), bir web sayfasına video eklemeyi son derece kolaylaştırır. HTML5, ister <video>inanın ister inanmayın, videoyu doğrudan web sayfanıza yerleştiren bir etiket kullanmanıza olanak tanır !

İşte bir örnek:

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

<video src="/video/pass-countdown.ogg" width="50%" controls>
<p>If you are reading this, it is because your browser does not support the 'video' element. Try using the 'object' element listed further down the page.</p>
</video>
<p>If you can see the video controls but the video doesn't play when you click the "Play" button, your browser might not support this file type (i.e. <code>Ogg</code>). In this case, try the same code, but with a different file format.</p>

---

Web sitenize YouTube Videosu Gömün..
Kodu kopyalayarak bir YouTube videosunu gömebilirsiniz. Göm altındaki bağlantı Paylaşmak bağlantı (YouTube'daki videonun altında).

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

YouTube <iframe>, videoyu gömmek için bir etiket kullanır ve bu, şuna benzer bir şeyle sonuçlanır:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VaRO5-V1uK0" frameborder="0" allowfullscreen></iframe>

---

Bu yöntemi kullanırsanız , Bootstrap gerektiği gibi ölçeklendireceğinden widthve height boyutlarını 'den kaldırabilirsiniz..

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

Spoyler: KOD SATIRI

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

---

Bir video dosyasına bağlanma​

Web sitenize video eklemenin en kolay yolu, ona bağlantı vermektir. Bu, videoyu HTML sayfanıza gerçekten gömmek istemiyorsanız uygundur. <a>etiketini kullanarak bir video dosyasına bağlayabilirsiniz . Tek yapmanız gereken şöyle bir şey yazmak:

<a href="/video/pass-countdown.ogg">Watch this video</a>

---

Bu, video dosyasının belirtilen konumda olduğunu varsayar.

Video Formatları​

Daha yaygın video formatlarından bazıları şunlardır:
.swfShockwave/Flash Dosyası (Macromedia/Adobe tarafından).wmvWindows Media Player video formatı (Microsoft tarafından).movQuicktime video formatı (Apple tarafından).mpegVideo sıkıştırma formatı (Moving Pictures Experts Group tarafından belirlenir).oggXiph.Org Vakfı tarafından sağlanan açık standart kapsayıcı biçimi. Ayrıca .ogv, .oga, .ogx ve .spx uzantılarını içerir.webMHTML5 video ile kullanım için telifsiz, yüksek kaliteli açık video sıkıştırma formatı.

MIME Türü için Web Sunucusu Desteği​

Web sunucunuzun kullandığınız video formatını desteklediğinden emin olmalısınız. Videonuzun yerel bilgisayarınızda sorunsuz oynatıldığını ancak canlı web sunucunuzda oynatılmadığını fark ederseniz, bunun nedeni büyük olasılıkla canlı web sunucusunun video biçiminiz için doğru şekilde yapılandırılmamış olmasıdır. Web sunucunuzun videonuzun MIME türünü desteklediğinden emin olmanız gerekir .
Bir Apache web sunucusu kullanıyorsanız, httpd.confdosyanıza veya .htaccessvideo dosyanızın bulunduğu dizindeki bir dosyaya aşağıdaki kodu ekleyebilirsiniz :

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

---

 

[Replicant]

Paylaşım için teşekkürler.

 

[Kehanet]

Paylaşım için teşekkürler, ellerine sağlık

 

[ByESiNTi]

günceldir..