1 Mart 2012 Perşembe

4. Blog'a Video Nas�l Eklenir Resimli Anlat�m

Posted by Unknown On 08:30 No comments

Video html kodu ekleme

Bir �nceki konumuzda blog yay�n edit�r�nde buton a��klamalar�n� ve i�levlerini g�rm��t�k.Bu a��klamalar aras�nda video butonu hakk�nda k�sa bilgi vermi�tim.�imdi de video butonunda ve HTML butonunu kullanarak  nas�l video ekleyebiliriz onu g�relim.

Yay�n edit�r�nde video ekleme :
Bir�ok  �ekilde video ekleyebiliriz.
1. Bilgisayar�n�za indirdi�iniz (y�kledi�imiz) bir video'yu siteye y�kleyerek. Bu herkesin bildi�i normal bir y�kleme �eklidir.Pek bahsetmiyece�im bundan.Ancak k�sa anlatmakta fayda var.A�a��daki resimde g�r�ld��� gibi dosyam�z� bilgisayarda bulundu�u yerden se�ip, a�a�da yaz�l� olan Y�kle' ye t�klayarak videonuzu y�klemek.

2. You Tube den dosya y�kleme, arama yaparak vidyo y�kl�yoruz.
3.You Tube de daha �nceden y�kledi�iniz videonuzu bularak y�kleme.
4.Biz �imdi You Tube de herhangi bir videonun embed (g�mmek) kodunu nas�l bulaca��z ve hangi kodla y�kleme yapaca��z onu g�relim.Genelde t�m videolar embed kodu ile yada kopyala yap��t�r y�ntemi ile �al��abilir.Ancak baz� uygulama ve edit�rler buna m�sade etmiyebilir.Bu konuyuda unutmamak laz�m.Sonu� olarak Blogger Blogspot blog'lar� kendi (host) bar�nd�rma, sa�lay�c� i�lemlerini kendileri yapt�klar�ndan �o�u zaman bizlerin pek sorunu olmuyor.
�imdi You Tube sitesine gidelim ve embed kodunu al�p sitemize yap��t�rarak nas�l �al��t���n� resimlerle g�relim.
�ncelikle You Tube sitesine gidiyoruz. (Dikkat ederseniz buradaki ba�lant� konusunu anlatm��t�k.)

Yukar�da G�mmek ( embed) yazan yazan yerde videonun yay�n ba�lant� linki bulunmakta.Hemen alt�ndada bizim kullanaca��m�z embed kodu (g�mmek) bulunmakta "iframe yazan yer.Bu kodu kopyalay�p sitemize yap��t�r�yoruz.�imdi yapal�m ve g�r�nt�s�n� g�relim.
Video ad� : 
�irinler �izgi Filmi izle
Video linkimiz bu : http://www.youtube.com/watch?v=zDxNBzbJrx8&feature=colike linke t�klad���m�zda bizi videonun yay�nland��� k�s�ma g�t�rmekte.T�klay�n g�receksiniz.

NOT:Anlat�mdaki video telif haklar�ndan dolay� kald�r�lm�� oldu�undan yaz�lanlar ile video farkl� oalabilir.Ancak konu ayn�d�r ve de�i�mez.

Gizlilik : Kamuya a��k oldu�u i�in rahatl�kla embed kodunu al�p kullanabiliyoruz.Kamuya a��k olmasayd� bu videoyu kopyalay�p yay�nlaman�z Google ve You Tube gizlilik politikalar� gere�i yasak oldu�undan sitenizden men edilme gibi bir problem ya�ayabilirsiniz.L�tfen telif ile ilgili konulara �zen g�sterelim.Evet kodu yap��t�rd�k ve g�r�nt�s� �u anda resimde g�r�ld��� gibi sadece HTML kodu halinde bir g�r�nt�.
Video html kodu ekleme
Buradaki g�r�nt�de ne yap�ld���na bakal�m ;
Bu a��klamalar bilgi ama�l� verilmi�tir.Biz zadece kodu kopyalay�p sayfam�za yap��t�r�yoruz.G�z�n�z korkmas�n.Ama bilgi edinmek de g�zel bir al��kanl�kt�r.
width : Geni�lik 420 ile g�sterilmi� elle m�dehale edip k���lt�lebilir.�zelli�ini korunarak de�i�ebilir.
height : Y�kseklik  315 olarak g�sterilmi�.M�dehale edilerek de�i�tirilebilir.
Yukar�da video linki vermi�tik l�tfen bak�n; bu link kodu ile ayn�d�r. ( lZBMxCBIOtk )
Resimde alt� �izili alanda yazan link kodu : http://www.youtube.com/embed
Html Kodlar� : iframe ile  ba�lam�� ve iframe ile bitmi�.Ancak bu arada a��l�� ve kapan�� kodlar�nda (<) ba�lang�� kodu ve biti� kodu olarakta 
( >/) bu i�aretler kullan�lm��.��te bilgisayda html dili dedi�imiz kod yaz�l�m� bunlard�r.
�imdi bunlar�n birle�tirilmi� durumunu g�relim.A�a��da g�r�ld��� gibi bir yap� sunmaktad�r.
http://www.youtube.com/embed/lZBMxCBIOtk
Src : Kaynak anlam�ndad�r.Daha fazla bilgi i�in inceleyin.
Frame : �er�eve
Border : S�n�r
frameborder : �er�eve s�n�r�, s�n�rlamas� anlam�nda kullan�labilir.
�frame : Frameborder niteli�i iframe etraf�nda bir s�n�r g�sterilip g�sterilmeyece�ini belirtir.
Kenarl��� kald�rmak i�in �znitelik de�eri "0" olarak ayarlan�r.
G�rd���n�z gibi video anlatal�m derken nerelere kadar indik.Olsun bu bilgilerde ileride size laz�m olacak en az�ndan kula��n�zda f�s�lt� gibi kals�n.
�imdi gelelim konumuzun �z�ne ve video kodunu incelemeye.Kodu yap��t�rd�k. G�r�nt� a�a��da.
�frame kodu

Ve bu kodu �imdi video haline getirece�iz.Yukar�da HTML yazan yere t�kl�yoruz sonra olu�tur diyoruz ve  edit�r�m�z bu kodu yorumlayarak bize video haline �evirecek. Ve video halindeki g�r�n�m�.A�a��daki resimde bak�n.Yapmam�z gereken bu arkada�lar umar�m yard�mc� olmu�umdur.


0 yorum:

Yorum Gönder