ಚಿತ್ರ ಮಂದಿರ

You can watch videos related to the posts in this blog here. Please select the video on the right hand side and it will play in the main video window.


– jsFiddle demo http://code.jquery.com/jquery-1.5.2.js #player { width: 625px; height: 280px; overflow: hidden; background: white; position: relative; border: solid 2px gray; padding: 5px; } .youtube .carousel { width: 290px; height: 100%; overflow: auto; position: absolute; right: 0px; z-index: 3; } .youtube .thumbnail { margin: 2px; width: 100px; border: 1px solid black; } .youtube iframe.player { width: 338px; height: 278px; overflow: auto; border: 0; } .yt-descript { color: #000; display:block; height:100px; } .carItemContain{ width:; height:100px; } //<![CDATA[ $(window).load(function(){ /* Copyright 2011 : Simone Gianni — update by tcuttrissweb — adds in title besdie thumbs in carousel. adjusted css from the original to make room for this allows resizing to adjust size of the player adjust the css for: .youtube iframe.player width / height accordingly. Released under The Apache License 2.0 http://www.apache.org/licenses/LICENSE-2.0 */ (function() { function createPlayer(jqe, video, options) { var ifr = $(‘iframe’, jqe); if (ifr.length === 0) { ifr = $(”); ifr.addClass(‘player’); } var src = ‘http://www.youtube.com/embed/&#8217; + video.id; if (options.playopts) { src += ‘?’; for (var k in options.playopts) { src += k + ‘=’ + options.playopts[k] + ‘&’; } src += ‘_a=b’; } ifr.attr(‘src’, src); jqe.append(ifr); } function createCarousel(jqe, videos, options) { var car = $(‘div.carousel’, jqe); if (car.length === 0) { car = $(‘

‘); car.addClass(‘carousel’); jqe.append(car); } $.each(videos, function(i, video) { options.thumbnail(car, video, options); }); } function createThumbnail(jqe, video, options) { var imgurl = video.thumbnails[0].url; var img = $(‘img[src=”‘ + imgurl + ‘”]’); var desc; var container; if (img.length !== 0) return; img = $(‘‘); img.addClass(‘thumbnail’); jqe.append(img); img.attr(‘src’, imgurl); img.attr(‘title’, video.title); img.click(function() { options.player(options.maindiv, video, $.extend(true, {}, options, { playopts: { autoplay: 1 } })); }); desk = $(‘

‘ + video.title + ‘

‘); jqe.append(desk); desk.click(function() { options.player(options.maindiv, video, $.extend(true, {}, options, { playopts: { autoplay: 1 } })); }); } var defoptions = { autoplay: false, user: null, carousel: createCarousel, player: createPlayer, thumbnail: createThumbnail, loaded: function() {}, playopts: { autoplay: 0, egm: 1, autohide: 1, fs: 1, showinfo: 1 } }; $.fn.extend({ youTubeChannel: function(options) { var md = $(this); md.addClass(‘youtube’); md.addClass(‘youtube-channel’); var allopts = $.extend(true, {}, defoptions, options); allopts.maindiv = md; $.getJSON(‘http://gdata.youtube.com/feeds/users/&#8217; + allopts.user + ‘/uploads?alt=json-in-script&format=5&callback=?’, null, function(data) { var feed = data.feed; var videos = []; $.each(feed.entry, function(i, entry) { var video = { title: entry.title.$t, id: entry.id.$t.match(‘[^/]*$’), thumbnails: entry.media$group.media$thumbnail }; videos.push(video); }); allopts.allvideos = videos; allopts.carousel(md, videos, allopts); allopts.player(md, videos[0], allopts); allopts.loaded(videos, allopts); }); } }); })(); $(function() { $(‘#player’).youTubeChannel({ user: ‘ashokavardhana’ }); }); //]]>});//]]>