rss

Favori Videolarınizin Hepsini Tek Kategoride Gösterin

Yazar: EfsaneFenerli | Posted in

http://i42.tinypic.com/2bchmr.jpg

Blogger kullanıcıları olarak beğendiğimiz videoların hepsini göstermek mümkün olmuyor. Göstersek bile çok yer kapladığı malum... Ancak bir katagori altında en beğenilen videoları istenildiği kadar göstermek mümkün. Tabii bilen bilmeyen herkes için eklemesi de çok kolay.
Yapılması gereken;

Yerleşim--->Gadget Ekle--->Html JavaScript ekle diyoruz ve alttaki kodu yapıştırıyoruz.

<!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>Popüler Videolar</title>
<style type="text/css">
#videoDiv {
margin-right: 3px;
}
#videoInfo {
margin-left: 3px;
}
</style>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("swfobject", "2.1");
</script>
<script type="text/javascript">
/*
* Change out the video that is playing
*/

// Update a particular HTML element with a new value
function updateHTML(elmId, value) {
document.getElementById(elmId).innerHTML = value;
}

// Loads the selected video into the player.
function loadVideo() {
var selectBox = document.getElementById("videoSelection");
var videoID = selectBox.options[selectBox.selectedIndex].value

if(ytplayer) {
ytplayer.loadVideoById(videoID);
}
}

// This function is called when an error is thrown by the player
function onPlayerError(errorCode) {
alert("An error occured of type:" + errorCode);
}

// This function is automatically called by the player once it loads
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
ytplayer.addEventListener("onError", "onPlayerError");
}

// The "main method" of this sample. Called when someone clicks "Run".
function loadPlayer() {
// The video to load
var videoID = "GSLU1nRX7qY"
// Lets Flash from another domain call JavaScript
var params = { allowScriptAccess: "always" };
// The element id of the Flash embed
var atts = { id: "ytPlayer" };
// All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
"&enablejsapi=1&playerapiid=player1",
"videoDiv", "480", "295", "8", null, null, params, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<table>
<tr>
<td><div id="videoDiv">Loading...</div></td>
<td valign="top">
<div id="videoControls">
<p>Katagori:</p>
<select id="videoSelection" onchange="loadVideo();">
<option value="GSLU1nRX7qY" selected>Hadise/Düm Tek</option>
<option value="yDHBHpRrFR8">Kardeş Türküler/Çeşmi Siyahım</option>
<option value="jcDqbVXmihM">Şiir/Hadi Git</option>
</select>
</div>
</td></tr>
</table>
</body>
</html>



Burada renkli verilen kısımlardan
"videoDiv", "480", "295", "8", null, null, params, atts);
video boyutlarını ve buradan
<option value="GSLU1nRX7qY" selected>Hadise/Düm Tek</option>
<option value="yDHBHpRrFR8">Kardeş Türküler/Çeşmi Siyahım</option>
<option value="jcDqbVXmihM">Şiir/Hadi Git</option>
seçilen videoları ekliyoruz. Dikkat edilmesi gereken kırmızı renkli verilen video ID lerini yotube'den alttaki resimde gösterildiği gibi alıyoruz.

http://img2.pict.com/61/e7/de/e8c18986e21c5b6fae25024a1c/yg6gS/800/youtube25202520hadise2520d25c325.png

Kaynak: DersPHP.BlogSpoT.CoM
Alıntı Yaparken Kaynak Belirtirmelisiniz.

0 yorum yapıldı: "Favori Videolarınizin Hepsini Tek Kategoride Gösterin"

Sen de bir yorum yap...

Yorum Göndermek için mesaj yazmanız Yeterlidir.