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.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <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>
