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);<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>
0 yorum:
Yorum Gönder