Youtube Videosunu Tam Pencere Oynatmak

Hüseyin Mert — Sun, 17 Jan 2010 18:29:35 +0000

Youtube apisini kullanarak o pencerenin tamamında ilgili videoyu oynatmak için biraz kod yazdım. Artık kolaylıkla bu tür videoları yayınlarken bant kaygısına düşmeyeceksiniz. Çünkü Youtube üzerinden çekilecek tüm video. Hatta gereken birkaç javascript kütüphanesini de google üzerinden çekiyor.

Örneği görmek için tıklayın.

 
<html xmlns="http://www.w3.org/1999/xhtml"> 
  <head> 
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/> 
    <title>Tam pencere youtube videosu oynatmak | Hüseyin Mert | hmert.com</title>
	<meta name="author" content="Hüseyin MERT" />
    <style type="text/css"> 
		body{ font-size: 12px; font-family: "century gothic",sans-serif; margin: 0px; color: #fff; background-color:#000; }
		#uzerineyazilacak { position:absolute; width:100%; height:100%; z-index:2; }
    </style> 
    <script src="http://www.google.com/jsapi" type="text/javascript"></script> 
    <script type="text/javascript">
	// bu örnek Hüseyin Mert tarafından youtube apisi kullanılarak hazırlanmıştır.
	// Daha fazla web programlama ve api kullanımı örnekleri için http://hmert.com
      google.load("swfobject", "2.1");
      function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("ytPlayer");
		// youtube videosunun ID'si
        ytplayer.cueVideoById("0EyQ_LxQxUg");
		//
		ytplayer.setVolume(80);
      }
      function loadPlayer() {
        var params = { allowScriptAccess: "always" };
        var atts = { id: "ytPlayer" };
        swfobject.embedSWF(
			"http://www.youtube.com/apiplayer?" + "&enablejsapi=1&playerapiid=player1",
			"videoDiv", "99%", "99%", "9", null, null, params, atts);
      }
      function _run() {
        loadPlayer();
      }
      google.setOnLoadCallback(_run);
    </script> 
  </head> 
  <body>
    <div id="uzerineyazilacak"><div id="videoDiv">Yükleniyor...</div></div>
  </body> 
</html>

HÜSEYİN MERT » API

Youtube Videosunu Tam Pencere Oynatmak