thanks ken for your prompt reply. nice video but one problem i dont get a "youtube custom player".
please help me, i think you tube remove that facility plz help this. how can i generate custom code for my video
You could use an iFrame if you want to create a custom gallery - you would just need to update the video URL's by yourself. Be sure to use the YouTube EMBED URL and not the watch URL.
<!-- Main video -->
<iframe id="YourID" name="video_feature" width="" height="" src="YouTube-embed-URL-here" frameborder="0"></iframe>
<!-- Other videos. Note that target matches iFrame NAME -->
<a id="video_one" href="YouTube-embed-URL-here" target="video_feature">
<img src="YouTube-movie-poster-image-here" /></a>
<a id="video_two" href="YouTube-embed-URL-here" target="video_feature">
<img src="YouTube-movie-poster-image-here" /></a>
<a id="video_three" href="YouTube-embed-URL-here" target="video_feature">
<img src="YouTube-movie-poster-image-here" /></a>
thanks rik
i get a code that code youtube video link goes some abstract way WEBLINK
how can do something like this
<!--Youtube Video Script Start Here-->
<script>
$(function() {
var list_data='';
var aur='';
var myurl='';
$.getJSON('http://gdata.youtube.com/feeds/api/users/xyz/uploads?&alt=json-in-scri pt&callback=?', function(data) {
$.each(data.feed.entry, function(i, item) {
var updated = item.updated;
var url = item['media$group']['media$content'][0]['url'];
var thumb = item['media$group']['media$thumbnail'][1]['url'];
// var numViews = item['yt$statistics']['viewCount'];
var tm = item['media$group']['media$content'][0]['duration'];
var mytm=Math.floor(tm / 60) +':'+Math.floor(tm % 60);
var ttl=item.title.$t;
myurl = myurl+url+'$$';
myurl=myurl.split("$$");
list_data += '<div><img id="'+ url+'" src="'+ thumb +'"><p><b>'+ttl+'</a><br> <span>Duration :'+ mytm+'</span></p></div>';
});
$("#youtube_latest").html("<object width=\"410\" height=\"300\"><param name=\"movie\" value=\"" + myurl[0] + "\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"" + myurl[0] + "\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"410\" height=\"300\"></embed></object>");
$(".cont").html(list_data);
//$(list_data).appendTo(".cont");
$(".cont img").click(function(){
iurl= $(this).attr('id');
//alert(iurl);
$("#youtube_latest").html("<object width=\"410\" height=\"300\"><param name=\"movie\" value=\"" + iurl + "\"></param><param name=\"allowFullScreen\" value=\"true\"></param><param name=\"allowscriptaccess\" value=\"always\"></param><embed src=\"" + iurl + "\" type=\"application/x-shockwave-flash\" wmode=\"transparent\" allowscriptaccess=\"always\" allowfullscreen=\"true\" width=\"410\" height=\"300\"></embed></object>");
});
});
});
North America
Europe, Middle East and Africa
Asia Pacific