Friday, 29 March 2013

Youmax 2.0 - complete Youtube channel on your website - customize anything you want - Jquery plugin


Check out our latest project - Dream Pack!


This is the version 2 of our Youmax plugin!

New Features:
- you can customize width and height of the widget on your website.
- columns for the videos can be customized (Example: you can now have a 3-column layout for the videos displayed.)
- the widget itself is responsive; given a width (or %) for the widget, the inner contents will resize accordingly.
- video player can be opened in the widget itself or in a lightbox.
- a top featured video can be opened in the video player on load of the widget.
- subscribe on youtube opens in a new tab.
- parts of the plugin like header/tabs can be hidden as per requirement.

Basic features:
- displays your actual complete youtube channel on your website just like its shown on youtube.
- youmax plugin will display your channel uploads, playlists and a featured playlist that you may choose.
- users can browse through your playlists and uploads and watch videos they like.







How to use:

The download pack contains the plugin file - youmax.js , the stlesheet youmax.css and the HTML file deployed in the demo youmax.html

Other functionalities:

To hide the channel info header (black) of Youmax widget, add the below code in your css -

To hide the tabs of Youmax widget, add the below code in your css -

To specify the width of Youmax widget as a percentage(%), add the below code in your css -

For any other specific requirement, just let me know and I will provide a hack!

1. Include plugins

Include the jQuery plugin if not done already. Now, include the plugin youmax.js and the styles youmax.css inside your head tag and you are half done!


2. Create a container for your interface

Add a div as shown below in you HTML. This div will contain the Youmax widget and display your channel feed.


3. CAll Youmax

Enter you youtube channel URL in a piece of javascript as shown below. Ex: http://www.youtube.com/user/Apple)



Thanks!

227 comments:

  1. Hi, I am really interested in this as it does just what me and my friend would like. However, would it be possible for you to either give me your email address or email me (adamcieslakjones@gmail.com)
    so that I can ask you some things :)
    Thanks Adam

    ReplyDelete
  2. sure .. its
    web.codehandling@gmail.com

    feel free to mail me :)
    -Jake

    ReplyDelete
  3. One more time, a GREAT update in a GREAT plugin! I just can't believe this upgrade was released so fast!

    Just a doubt: I need to specify all the parameter to lightbox works? In my code I have:

    var youTubeChannelURL = "http://www.youtube.com/user/tarciozemel";
    var youmaxColumns = 3;
    var youmaxWidgetWidth = 900;
    var showVideoInLightbox = true;
    var youmaxDefaultTab = "uploads";

    But the videos continue isn't open in a light box. Check it out: http://desenvolvimentoparaweb.com/videos/

    Another thing: it's some config in my YouTube account to the button "fullscreen" to appear in the configuration while the video runs or something with the plugin?

    Best regards!

    ReplyDelete
    Replies
    1. Hi Tarcio,

      Sorry my bad, this was a bug!
      It fixed, and updated in the download of this page. Please download the zip and use the updated plugin file..

      -Jake

      Delete
    2. Hi Jake,
      Actually i liked it.
      Because for a youmax with all 3 tabs.
      Featured and playlist one's open in lightbox but uploads open inside.

      Hope both functionality can be maintained.
      But no-issue. Do it if only free. set this as priority : 3 (last).
      And for zip dowload file give versioning so that we know any updates after long visit in future.

      And changelogs if possible.

      But all of this is only optional.

      Thanks,
      prakash

      Delete
    3. The uploads now open in the lightbox as well, please download the plugin now!

      Will look into changelogs and versioning!
      Thanks.

      Delete
  4. Hi, great work. I was looking for such a simple scrpti for long time.
    I noticed two issues
    - with the new release of youtube, the featured video does not display
    - the number of videos displayed is limited to 25: can you add a link to fetch more?
    Thx

    ReplyDelete
    Replies
    1. To display the featured video from your featured playlist as autoload set the optional variables as -

      var showFeaturedVideoOnLoad = true;
      var showVideoInLightbox = false;

      Delete
  5. really nice upgrade!!!
    Some channels are not showing up , for eg. http://www.youtube.com/channel/HCzWSfHh_LmLA
    I guess it only supports http://www.youtube.com/user/channelName, please add support to http://www.youtube.com/channel/channelName

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. heey:)
      does it works now?
      i was trying to use it this way http://www.youtube.com/channel/channelName
      but it is not working, i guess this support wasnt added?? is it possible to add this? thanks:))

      Delete
  6. hi,
    there's a small bug: all videos show "1 month" as upload time

    ReplyDelete
    Replies
    1. upload time is shown in months or years, so if all your videos are uploaded within the last month, then it will show the same..

      can you share your website link or youtube channel link; so that I can check it out!

      Delete
    2. www.togovisions.net

      Delete
    3. yup cool!

      So as i suspected, all your videos displayed in Youmax are uploaded within the last month.. hence the functionality

      If you check your playlists, there is a playlist that shows 2 months ago in Youmax, also verified from your youtube channel!

      Delete
    4. Hi thanks for your answer, I see. In fact I'd like to show the exact number of hours or days when the video is uploaded within the current month. This is because our channel produces every day. Thanks

      Delete
  7. Hey Jake buddy,
    why don't you create a promo video of this your plugin. Let's share it to the world man!
    Lots of thumbs up.

    ReplyDelete
    Replies
    1. will surely do it!

      Actually my team s working on another plugin, we're trying to focus on it for the time :)

      Delete
  8. Really wish I could figure out how to change the background colours/font colours to match my site which is dark/black with white text.

    ReplyDelete
    Replies
    1. Here you go; Add these to your stylesheet -

      For background color of the container with videos -
      #youmax-video-list-div{background-color:rgb(53,53,53) !important;}

      For color of the video title -
      .youmax-video-list-title{color:white !important;}

      For color of the video view/date -
      .youmax-video-list-views{color:green !important;}

      For background color of tabs-
      #youmax-tabs{background-color:rgb(53,53,53) !important;}

      For background color of header-
      #youmax-header{background-color:black !important;}


      You can just view any element using "Rclick > Inspect element" in chrome/firefox and add your style to it!

      Delete
  9. Nice Blog.

    Check http://makealivingwriting.blogspot.in/ if you want practical information on how to make money by writing.

    ReplyDelete
  10. Nice post about customize anything in website & Thanks for sharing.

    ReplyDelete
  11. Hi! It is a very nice script and I thank you very much, my question:
    How could I modify the script to get not on each video the "... views | added on ..." - but the description of each video. Is it possible?

    ReplyDelete
    Replies
    1. We will make an update and get back to you!

      Delete
    2. Yes description on each video it will be great!!!
      it is possible ?

      amazing script

      Bravissimo

      Delete
    3. Anything's possible! ... This update will take more than a week or so .. since there are few other things lined up ..

      Delete
    4. I'm not in hurry :D

      thx for ur help
      and shared talent

      Bravissimo!

      Delete
  12. hi jake!
    it is a great plugin!
    i just tries youmax on my latest project! it works just fantastic! i love it! thank you so much!

    i am wondering.. if i can create more than one video gallery on the same page?

    THANKS!

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. The plugin displays only 25 videos out of 114 videos in the playlist, could you please provide me a solution for this.

    Thanks in Advance!

    ReplyDelete
    Replies
    1. yea I need to add a Load more button .. will push this change in the next version .. :)

      Delete
  15. Hi, Useful blog with informative topic. Just I wanted to say about this Pimpmyviews.com site. Just go through this site which has many more info regards youtube views.

    how to get youtube views

    ReplyDelete
  16. need it to pull in more than 25, how can i do this?

    ReplyDelete
  17. Might be missing something but can you make it where multiple galleries can be used on one page?

    ReplyDelete
  18. This is great. Thanks!

    ReplyDelete
  19. Good Job
    but it displays only the last 25 video of my channel
    whats wrong with me ?

    ReplyDelete
  20. Please need to load more than 25 videos, can you give me some info?

    ReplyDelete
    Replies
    1. please use the quick fix download link!

      Delete
  21. the default value is 25!
    https://developers.google.com/youtube/2.0/developers_guide_protocol_api_query_parameters#max-resultssp

    you need more parameters in the url:
    https://gdata.youtube.com/feeds/api/playlists/PLAYLISTID?v=2&max-results=50

    ReplyDelete
  22. Hey Guys, the Quick Fix Youmax download link will show 50 videos or playlists in a page...

    we will release the next version where a load more button will be provided; with other cool features.

    Thanks

    ReplyDelete
    Replies
    1. Would send you mail about that :)
      Also, Use JQuery in NoConflict mode to avoid conflict with any other libraries
      Also it will be great if you made an anchor on the top, so if i clicked on a playlist at the very bottom of the page, it scrolls up to that anchor
      The script is Amazing, Go on

      Delete
  23. Sup,

    the plugin rely on the alias of jquery "$" instead of the "jQuery"-object
    can't get it run with prototype. if I call $.noConflict() the youmaxplugin doesn't work anymore 'cause now it wants to use the "$" of prototype.

    And why does the plugin start on document.ready? I want to run it whenever I want!

    The convention, to decorate a DOMElement with the logic of a plugin, is something like this: $('my-element-selection').youmax(parameterObject)

    why not that way?

    ReplyDelete
  24. This is just what I'm looking for, thanks. But I would actually like to show less videos. I think it is set to 25, is it possible for me to change it to 5?

    Thanks

    Tim

    ReplyDelete
  25. I'm also getting the problem that it is saying that every video was uploaded a month ago, even though some were uploaded a couple of days ago and others months ago.

    Thanks
    Tim

    ReplyDelete
  26. Awesome plugin!
    One problem... it isnt displaying my channel icon, it is displaying the default silhouette
    thanks,
    jes

    ReplyDelete
  27. Nevermind... it started working. jes

    ReplyDelete
  28. Hi
    Still want the new design and ajax functions. I get annoyed every time i visit a profile with the new design.
    but Thanks for sharing

    buy views for YouTube

    ReplyDelete
  29. Hi I try to enter this plugin in two page so I can show two youtube's channel but It's not possible.Why?How can I do?
    Thanks

    ReplyDelete
  30. Do you know why the playlist display name is getting cut off above the list?
    Thanks

    jordanwolf.net video tab

    ReplyDelete
    Replies
    1. just add this css -

      .youmax-video-list-title{max-height:35px !important;}

      Delete
  31. And why don't the playlist pop-in upon first load?

    Awesome script by the way!!!

    Thanks!

    ReplyDelete
  32. Hi, I installed the plugin via hard code in a custom php file in wordpress, but I have conflicts with other script that use a old jquery version, any solutions?? thanks

    ReplyDelete
  33. you are a legend!!!!!

    ReplyDelete
  34. Too bad I can't get this awesome plugin to work on a WP site. Any advice would be appreciated please.

    ReplyDelete
  35. Hello, I love the look and funcionality of your plugin, but I was looking for something that would let me choose how many i want to have on the page, or even better, be able to scroll through them. I have a small column (350px) that i am trying to fit this in and it shoots 50 straight down the page. I've downloaded the quickfix but unsure if there is CSS i can use to limit the list? Thanks!

    ReplyDelete
    Replies
    1. The quick fix will show 50 videos..

      The original one will show 25 videos ...

      For a fix height functionality - use the variable
      var youmaxWidgetHeight = 350;

      Reduce the column to 1 if you dont have enough width too..

      Delete
  36. Hi, needed an update.
    Please make username appear as hyperlink to go to youtube channel.

    ReplyDelete
  37. Is there anyway to limit the amount of videos from a channel being shown? Need this urgently to finish my website. Thanks!

    ReplyDelete
    Replies
    1. How many videos need to be shown ?

      The first script will show 25 videos..
      The quick fix script will show 50 videos..

      Delete
    2. I wanted to show about 10; i didn't know if there were some sort of variable that I could add to limit the amount. Also when showing in lightbox, one of our slideshows continues to "push" through the lightbox which makes it look weird. And if I take it off lightbox, the video screen itself that pops up on top is too large for the space. Is there a way to get that to fit in screen? I'm using the quick fix script btw. Finally, in lightbox mode, there doesn't seem to be an easy way to escape from the lightbox. Any help is greatly appreciated; I love your player and want to use it!

      Delete
  38. awsm script but its not responce with html5 template can u help ..?

    ReplyDelete
    Replies
    1. The demo is in HTML5 uses ... let me know some details

      Delete
  39. How do you make the plugin responsive? I want the width to change as screen width changes, but height to remain the same?

    ReplyDelete
  40. Noticed the uploads tab expands the window inspite of a fixed height.
    Also the company logo gets stretched when the player is made narrower?

    ReplyDelete
  41. Can you modify "Subscribe on youtube" for the mobile width. It hides behind featured when viewing on mobile.

    ReplyDelete
  42. Nice script, thanks a lot!

    Just added this one to my facebook page app, have a look here:
    https://www.facebook.com/bilderbob.de/app_135772066631699

    Hint: I had to replace all http calls with https, maybe it should be possible to set ssl to 1 or 0.

    Is it possible to add a CLOSE OR [X] Button for the lightview?

    Cheers, Jan

    ReplyDelete
  43. Exactly what I've been looking for!
    Excellent script and so easy to use even for us lowly carpenters
    Huge thanks for making it available!

    ReplyDelete
  44. Hi - great work! It would be really great if the user could have a search field at the top so they could search for videos within the author's channel. Do you think this is possible?

    Also, it would be brilliant if the plugin could use GET variables in the url so when someone shares the link of the video they just watched that the plugin automatically loads the same video again. Is this possible?

    Thanks again - the plugin is by far the best I've seen for embedding a youtube channel in a website.

    ReplyDelete
    Replies
    1. I figured out how to add a basic search field at the top, if anyone's interested (just replace [] with <>)

      - - -

      Search by country:
      [select name="yt_country" id="yt_country" onchange="ytSearch();"]
      [option value=""]Select country[/option]
      [option]Afghanistan[/option][option]Angola[/option][option]Armenia[/option][option]Bahrain[/option][/select]
      [script]
      var ytSearchQuery = '';
      function ytSearch() {
      ytSearchQuery = jQuery("#yt_country").val();
      getUploads();
      }
      [/script]

      - - -

      Then open up youmax.min.js and change the apiProfileURL variable to:

      - - -

      var apiProfileURL="http://gdata.youtube.com/feeds/api/users/"+youmaxUser+"?v=2&q="+ytSearchQuery+"&alt=json";

      - - -

      It would still be great to make the plugin give unique urls for each video so they can be shared and load the correct video.

      Cheers,
      Sean.

      Delete
    2. The search only seems to include uploaded videos. Anyway to include all playlists too.

      Delete
    3. This mod makes the header not show any information for me.

      Delete
  45. This is crazy good. EXACTLY what I was looking for, instead of embedding 9 million videos on my site. Thank you!

    One thing, though, the Featured tab just displays "loading" in the player (I have the parameters set as you suggested:
    var showFeaturedVideoOnLoad = true;
    var showVideoInLightbox = false;

    Any insight?
    Thanks again - outstanding solution!

    ReplyDelete
    Replies
    1. WAIT! Pilot error. My fault. Please disregard my post. Well, except don't disregard the part about this being a great solution.
      THANKS!!

      Delete
  46. hello, congratulations for this great code. But I encounter a problem, I have eg 20 video in my playlist and it appears that 18, I do not understand why it does not display any.
    desoler my English is not good, and the google translation instead;-)

    ReplyDelete
  47. hey thanks alot...how can I display list of videos in playlist tab from only one playlist.

    ReplyDelete
  48. hi, its a great plugin and its working perfectly, however I have a problem that the header is appearing but it doesn't show any text inside it like : The channel name, etc. what can I do?

    ReplyDelete
  49. Thank you a lot for your great work.

    ReplyDelete
  50. This comment has been removed by the author.

    ReplyDelete
  51. After changing the colours of the background and headers, I am still getting a 1px border around the div which defaults to the colour YouMax comes with (light grey). I cannot find it in CSS. Could anybody shed any light?

    ReplyDelete
  52. How can I get rid of the header info ? Like Youtube logo, my username etc...?

    I added those in the youmax.html but it doesn't seem to work.


    body {
    font-family: Calibri;
    font-size: 14px;
    text-align:center;
    }
    youmax-header{display:none !important;}
    youmax-tabs{display:none !important;}
    #youmax{width:100% !important;}
    #youmax-header{display:none !important;}
    #youmax-tabs{display:none !important;}

    ReplyDelete
  53. great app -- getting a "loading..." in Google Chrome via Facebook, but works fine in IE and Firefox. Also, Playlist tab works just fine, but other two do not.

    Suggestions?

    ReplyDelete
  54. Really good job thank you a lot!

    I use in my webside www.vigerm.com/videos

    I don't know if is posibble but when a video is finish i would like youtube doesnt show others videos or a option can be close the videos.

    also i would like u add a close botton for close script :D

    thank u a loot!

    ReplyDelete
    Replies
    1. *close button

      sry for my english!

      Delete
  55. brilliant your very good thanks i have updated and displaying 50 videos is it possible to do it to display all the videos please thanks for your great work

    ReplyDelete
    Replies
    1. a load more button would be perfect

      Delete
  56. http://codecanyon.net/item/php-youtube-channel-plugin/4805593

    ReplyDelete
  57. i think someone is selling your code http://codecanyon.net/item/php-youtube-channel-plugin/4805593

    ReplyDelete
  58. function getDateDiff(timestamp) {
    if (null === timestamp || timestamp === "" || timestamp === "undefined") return "?";
    var splitDate = ((timestamp.toString().split('T'))[0]).split('-');
    var splitTime = ((timestamp.toString().split('T'))[1]).split(':');
    var d1 = new Date();
    var d1Y = d1.getFullYear();
    var d2Y = parseInt(splitDate[0], 10);
    var d1M = d1.getMonth() + 1;
    var d2M = parseInt(splitDate[1], 10);
    var d1D = d1.getDate();
    var d2D = parseInt(splitDate[2], 10);
    var d1H = d1.getHours();
    var d2H = parseInt(splitTime[0], 10);
    var diffInHours = (d1H + 24 * d1D + 720 * d1M + 12 * d1Y) - (d2H + 24 * d2D + 720 * d2M + 12 * d2Y);
    if (diffInHours <= 1) return "1 Hour";
    else if (diffInHours < 23) return diffInHours + " Hours";
    var diffInDays = (d1D + 30 * d1M + 360 * d1Y) - (d2D + 30 * d2M + 360 * d2Y);
    if (diffInDays < 7) return diffInDays + " days";
    else if (diffInDays > 7 && diffInDays < 14) return "1 week";
    else if (diffInDays >= 14 && diffInDays < 30) return Math.floor(diffInDays / 7) + " weeks";
    var diffInMonths = (d1M + 12 * d1Y) - (d2M + 12 * d2Y);
    if (diffInMonths <= 1) return "1 month";
    else if (diffInMonths < 12) return diffInMonths + " months";
    var diffInYears = Math.floor(diffInMonths / 12);
    if (diffInYears <= 1) return "1 year";
    else if (diffInYears < 12) return diffInYears + " years";
    }

    ReplyDelete
    Replies
    1. Thanks, exactly what I was looking for. I did find one issue in the code though...

      This line:
      var diffInHours = (d1H + 24 * d1D + 720 * d1M + 12 * d1Y) - (d2H + 24 * d2D + 720 * d2M + 12 * d2Y);

      Should be:
      var diffInHours = (d1H + 24 * d1D + 720 * d1M + 8766 * d1Y) - (d2H + 24 * d2D + 720 * d2M + 8766 * d2Y);

      Delete
    2. how did u calculate 8766?

      also here an update with minutes now ;)
      heres the code for testing http://jsfiddle.net/VCbct/1/

      function getDateDiff(timestamp) {
      if (null === timestamp || timestamp === "" || timestamp === "undefined") return "?";
      var splitDate = ((timestamp.toString().split('T'))[0]).split('-');
      var splitTime = ((timestamp.toString().split('T'))[1]).split(':');
      var d1 = new Date();
      var d1Y = d1.getFullYear();
      var d2Y = parseInt(splitDate[0], 10);
      var d1M = d1.getMonth() + 1;
      var d2M = parseInt(splitDate[1], 10);
      var d1D = d1.getDate();
      var d2D = parseInt(splitDate[2], 10);
      var d1H = d1.getHours();
      var d2H = parseInt(splitTime[0], 10);
      var d1T = d1.getMinutes();
      var d2T = parseInt(splitTime[1], 10);
      var diffInMinutes = (d1T + 60 *d1H + 24 * d1D + 720 * d1M + 8766 * d1Y) - (d2T + 60 *d2H + 24 * d2D + 720 * d2M + 8766 * d2Y);
      if (diffInMinutes <= 1) return "1 Minute";
      else if (diffInMinutes < 60) return diffInMinutes + " Minutes";
      var diffInHours = (d1H + 24 * d1D + 720 * d1M + 8766 * d1Y) - (d2H + 24 * d2D + 720 * d2M + 8766 * d2Y);
      if (diffInHours <= 1) return "1 Hour";
      else if (diffInHours < 24) return diffInHours + " Hours";
      var diffInDays = (d1D + 30 * d1M + 12 * d1Y) - (d2D + 30 * d2M + 12 * d2Y);
      if (diffInDays <= 7) return diffInDays + " days";
      else if (diffInDays > 7 && diffInDays < 14) return "1 week";
      else if (diffInDays >= 14 && diffInDays < 30) return Math.floor(diffInDays / 7) + " weeks";
      var diffInMonths = (d1M + 12 * d1Y) - (d2M + 12 * d2Y);
      if (diffInMonths <= 1) return "1 month";
      else if (diffInMonths < 12) return diffInMonths + " months";
      var diffInYears = Math.floor(diffInMonths / 12);
      if (diffInYears <= 1) return "1 year";
      else if (diffInYears < 12) return diffInYears + " years";
      }

      Delete
  59. Hi there,

    Quick question, nice script! however, when styling on this particular div "#youmax-video-list-div" if I make it black background-color:rgb(0,0,0) !important;} it still seems to have like a white border around it? I can't seem to remove it. Any thoughts?

    Cheers,
    Cory

    ReplyDelete
  60. thx for the nice script one doubt that how to lightbox responsive..plz help me..

    ReplyDelete
  61. Jake, I love your script. It's exactly what I've been looking for, with one minor exception. I have a need to link to individual videos. How hard would it be to replace the showVideoLightbox function with one that will show the video in a new page?

    ReplyDelete
  62. Hi,

    2013-08-22T16:52:27.000Z
    for this date, its showing 1 minute ago; today is 31st August 2013.
    You may verify the same in fiddle
    http://jsfiddle.net/VCbct/1/

    -Kannan

    ReplyDelete
  63. AWESOME script. Just waiting for 'load more' to enable all the vids appear then I will publish it live at my site. Thanks.

    ReplyDelete
  64. Is there a way to shrink the size of the video that is going to play? The size i have the widget as is smaller than the size of the video.

    ReplyDelete
  65. how to use same plugin twice on same page for ex
    for website size 600px it display youmaxWidgetWidth 600px and it hides for mobile device
    and run the second script with 1 column and width 300px
    please help me asap

    ReplyDelete
  66. Your plugin started great but it does not work properly when making it responsive. The problem is that the images are background images with a fixed height. Because of that, they get cropped. I think you could change this easily by putting them in proper img-tags. These could get a width of 100% and undefinded height.

    Is there a clean way to solve this?

    My first shot was to use jQuery the DOM of youMax is not ready yet when document.ready is called ... a different solution is to change your script...

    ReplyDelete
  67. The problem can be seen when you open the "download pack" an reduce the browser size.

    ReplyDelete
  68. I ended up changing your script. It took only a couple of minutes and now it scales perfectly. I commented my changes, so if you are interested, contact me by email and I will send you my altered files.

    ReplyDelete
    Replies
    1. Hey guys, I'm trying to implement this script on my website but I'm not getting it right. I have very very few knowledge of CSS and html so I'm definitely doing something wrong. Could someone help me out with this?
      I have uploaded youmaxmin.js (that's how my server named it), along with jquery-203.js into my server.
      I can email someone the code I got so you could get it corrected.
      Please help
      thank you!

      Delete
  69. Hi.. thanks for great script .. i going to use it on my web http://www.xaluan.com specialy on mobile version, so it will run on ios, android .. in videos session ... .. The issue is this design not reponsible.. it look not really good on iphone or small devices.. so I need to change some style, and also apply some social button like/plus and commentting for it.. But your minifile is so hard for reading and customizing..
    could you provide the original one.. my email binhaus@gmail.com hope hear from you soon
    thanks a ton :)

    ReplyDelete
  70. hey .. so there are some quick fix: for resposive design layout:
    remove this in your youmax js: max-width:250px;max-height:18px;
    and add this to the end .. or your html:
    ====
    $(document).ready(function() {
    var $w = $(window);
    $w.resize(function() {
    var $vids = $("#youmax-video");
    var aspectRatio = (300/180);
    // Set video width fluidly
    $vids.width($vids.parent().width());
    $vids.height(Math.floor($vids.width() / aspectRatio ));
    $('.youmax-video-tnail').height( $('.youmax-video-tnail').width()/aspectRatio );
    }).resize();
    });

    ReplyDelete
    Replies
    1. hi benng can u help me to make responsive lightbox like youmax-video-tnai ..

      Delete
  71. Hey guys, I'm trying to implement this script on my website but I'm not getting it right. I have very very few knowledge of CSS and html so I'm definitely doing something wrong. Could someone help me out with this?
    I have uploaded youmaxmin.js (that's how my server named it), along with jquery-203.js into my server.
    I can email someone the code I got so you could get it corrected.
    Please help
    thank you!

    ReplyDelete
  72. Hey,

    your plugin is pretty much being sold here: http://codecanyon.net/item/wordpress-youtube-channel-plugin/4734148 .
    I was wondering whether they have your approval and is it safe to actually purchase? Thank you.

    ReplyDelete
  73. The plugin displays only 25 videos out of 130 videos in the playlist, could you please provide me a solution for this

    ReplyDelete
  74. Hi,

    Is it possible to disable the related videos after the embedded video ends?

    ReplyDelete
    Replies
    1. I know you asked this a while ago but just needed to do this for my client's site. You need to modify the youmax.js file. There are two places where jQuery is replacing the src parameter.

      Search for:

      .attr('src','http://www.youtube.com/embed/'+this.id+'?rel=0');

      and replace it with

      attr('src','http://www.youtube.com/embed/'+this.id);

      Hope this helps anyone else trying to hide related videos. I'm sure you can add additional embed parameters after that ?rel=0 too if you wanted to. For example adding autoplay you could change it to this...

      .attr('src','http://www.youtube.com/embed/'+this.id+'?rel=0&autoplay=1');

      Delete
  75. Can you add the scrolling feature like you had in your yenero script? Thanks!

    ReplyDelete
  76. Great script, exactly what I was looking for! Also very curious to a new version in which you hopefully adress some issues that we have now, like not showing all videos and 1px white border around widget.

    For now, can anyone tell me how I can remove the Featured tab? I only want people to browse my Uploads and Playlists. Thanks in advance!

    ReplyDelete
  77. when placing the youmax div inside of jquery tabs, the video thumbs do not display unless the tab that contains the youmax div is active when the page/tabs load. the video list is loaded and the videos play but just dont have thumbs, is there a away to reinitialize the video list when the tabs change? also, when the video light box is set to false is there a way to load a video in the youmax-video iframe by default as to not have the page jump after clicking a video to make room for the newly loaded player? thanks

    ReplyDelete
  78. HI, the script doesn't seem to show any uploads newer than one month old. Any ideas on how to remedy? My default tab is "uploads" and my channel is http://www.youtube.com/channel/UCjEk_JpkbmfgVkKuE0Of9KA . I've tried other users for testing purposes... no dice! Thanks for any tips!

    ReplyDelete
  79. I haven't tried it yet(My friend did). I want to say thanks first. Great job!.

    ReplyDelete
  80. Please could you tell me how to make youtube video autoplay on youmax

    ReplyDelete
  81. hi jack!
    It is great plugin.
    I want to show the player besides the videos list and enable the order list (ACES or DISC).
    Thanks

    ReplyDelete
  82. Hello Jack,

    Thank You for your Plugin. It worked really Great. But I need some tweak to embed a url which contains some more parameters,

    For Ex. http://www.youtube.com/user/Novartis/videos?tag_id=UCSg28bDoEVjVegY4-htQM7A.3.novartis-highlights-at-ash-2013&sort=dd&view=46&shelf_id=5

    I want to show the list of above URL. When I placed this URL, nothing is loaded..Can you help?
    Thanks,
    Ravi.

    ReplyDelete
  83. Please can anyone tell how to add close button in lightbox?

    ReplyDelete
  84. I don't know if is posibble but when a video is finish i would like youtube doesnt show others videos or a option can be close the videos.

    also i would like u add a close botton for close script :D

    ReplyDelete
  85. Hy,
    I loved your plugin and would like to put it on my site, but I am having some trouble doing it.
    It's a big cartel site, I don't know what to do with the youmax.min,js file.
    Can someone help me please?

    ReplyDelete
  86. hi, It is great plugin:
    i want to add upload option as a fourth tab.
    how can i do it?
    thx

    ReplyDelete
  87. how to make responsive to light box

    ReplyDelete
  88. plz help to make responsive lightbox

    ReplyDelete
  89. Is it possible to autoplay the video when it opens in lightbox?

    ReplyDelete
  90. I have a client who is a prolific YouTube publisher. He has over 50 videos and would like all of them displayed on his page. Is there any way of accomplishing this?

    ReplyDelete
  91. For some reason, the last video is being left out of the list. It doesn't show the thumbnail, video, nothing. Is there a way to fix that?

    ReplyDelete
  92. Hey – Quick question. I noticed that there is a scroll bar on the ride side of the page when I'm using this plugin that pushes everything in from the right a few pixels. Is there anyway to disable that and just have it be like the normal browser scroll? That's my only question, everything else is awesome!

    If anyone else knows the answer, please share. I'm a bit of a newbie over here.

    ReplyDelete
  93. You can delete this comment once you make the correction.

    Notice the typo = cahnnel

    If this is not supplied, the Youmax widget takes the minimum height it needs to display all video thumbnails from you youtube cahnnel.

    ReplyDelete
  94. great i like it.. thanks

    ReplyDelete
  95. GREAT piece of code. Do you know how I can get the description and statistics to display?

    ReplyDelete
  96. Love your code! I need help with a few modifications:
    1 - Can I hide the Featured and Uploads tab so that only Playlists shows? Maybe in the first position?

    2- Can I hide the number of views?

    ReplyDelete
    Replies
    1. .youmax-stat { display:none !important;}
      #youmax-uploads {display:none !important;}
      #youmax-uploads{display:none !important;}

      Delete
    2. THANK You! But, the stats are still showing: http://www.thatsolarguy.com/Articles.asp?ID=252 on the videos.

      Delete
  97. How i hide only the month? Thank you.

    ReplyDelete
  98. Is this plugin still supported? It is awesome, but I have an issue with the inline player and drop down menus. Any suggestions on how to fix? It looks like if the youtube link had the wmode="transparent" I wouldn't have the issue. Thanks

    ReplyDelete
  99. Hi, is there a way to display the published date (dd/mm/yyyy) instead of "time ago" under each thumbnails? thanks

    ReplyDelete
  100. how i can autoplay in playlist. ????

    ReplyDelete
    Replies
    1. I just answered a similar question about not showing related videos at the end of the video. There are a couple of places in the youmax.js file where you need to add the autoplay pararmeter. Open that youmax.js file and look for the following code...

      $('#youmax-video').attr('src','http://www.youtube.com/embed/'+this.id);

      and replace it with

      $('#youmax-video').attr('src','http://www.youtube.com/embed/'+this.id+'?rel=0&autoplay=1');

      the ?rel=0 hides related videos. The autoplay=1 turns autoplay on. You can add other embed URL parameters that are found here on YouTube's dev page.
      https://developers.google.com/youtube/player_parameters

      Hope that helps.

      Delete
  101. Videos with a good number of subscribers automatically attract other people to have a look at the video and like, comment or subscribe to it.

    ReplyDelete
  102. Hi Jake,
    It seems you are using api v2 and it is going to be deprecated.
    Any options/plans of migrating the youmax to api v3 ?

    Thanks,
    Prakash

    ReplyDelete
  103. Full list of Latest free Movies 2014. Get all about new released In Theaters English movies 2014 with top ratings, reviews, trailers, videos, photos visit now to see online free movies.

    ReplyDelete
  104. Can someone link to a website with this implemented as an example? thanks

    ReplyDelete
    Replies
    1. http://funtube.eu5.org
      select a channel.. I have been having some major problems with the script suddenly stopped working.. I hope its fixed for you to see.

      Delete
  105. Possible load more solution here: http://jsfiddle.net/qjxYN/29/ but that code needs to be cleaned up and maybe integrated with youmax2?

    ReplyDelete
  106. Hello,

    I need some help. Please email me at bey@moorsinamerica.com.
    I am trying to insert this script into my blog post so that this: http://bitconfig.com/youmax/s_1397244534654.html
    will show on my page: http://www.moorsinamerica.com/p/blog-page.html

    As you can see it is not working. I uploaded the js file to a server and linked to it in the script but no luck. Here is the code I am using:

    < head >
    < title >Moorish Videos

    < script src="https://www.opendrive.com/files/NF80Mjk4Mjc0M18yWGdZZl8wYWY4/youmax.js">

    < script type="text/javascript">
    youTubeChannelURL = 'http://www.youtube.com/moorsinamerica'; youTubePlaylistURL = 'http://www.youtube.com/playlist?list=PLFF_2dIGvmIEjK6W-oYjKxrUCH_uTtzbk'; youmaxDefaultTab = 'featured';
    youmaxColumns = 3; youmaxWidgetWidth = 900; youmaxWidgetHeight = "";
    showFeaturedVideoOnLoad = false; showVideoInLightbox = true; $('.youmax-custom- style ').remove();
    $('html > head').append('< style class="youmax-custom- style ">#youmax-header{display:none !important;} #youmax-tabs{display:none !important;} ');
    $('#youmax').empty().append(' loading ...');
    youmaxFeaturedPlaylistId = null;
    prepareYoumax();
    $(window).load(function(){$('#youmax-header>img').wrap('< a href="'+youTubeChannelURL+'" target="_blank" />');});


    < body>
    Check out the playlist of Moorish videos
    < div id="youmax">


    ReplyDelete
  107. Great utility and easy to configure. I do have one question - is there any way to arrange to sort order of playlists? I want to display my playlists in a specific order and can't figure out how to do this.

    ReplyDelete
  108. Hello, I just updated my code to point to another YouTube channel. Now, only 6 of my 7 playlists are displaying.

    I adjusted the JavaScript code on the main template to reflect the new channel. Is there something I need to do to the code on the actual page where the videos are displayed here: http://www.thatsolarguy.com/Articles.asp?ID=252

    ReplyDelete
  109. Is there anyway to fetch over 4000 videos? Th channel im using has over 4000 vids!

    ReplyDelete
  110. hello, I check out your amazing plugin and I notice that the plugin load in the upload tag 50 videos only. If I would like to load more, how can I do it? and more important there is a way to create pages for all the loaded videos? (for example. to load 25 videos per one page and therefore create 2 page)?

    ReplyDelete
  111. Is it possible to play video directly on youtube after clicking thumbnail?

    ReplyDelete
  112. does anyone just have this code put together so that I can change the channel name and then just paste in the code? I'm really struggling, thanks.

    ReplyDelete
    Replies
    1. Dylan, I got it to work on our site. Hit me up if you want to know how, but it's all on the page above. You have to do step 3 with the div

      Delete
  113. can we give two channels in youtube channel url field

    ReplyDelete
  114. i want videos to be displayed from two different you tube channels is it possible?? if it is possible then how??

    ReplyDelete
  115. Is it possible to link to a specific video in the youmax player? And have the video load/play automatically?

    ReplyDelete
  116. I embedded the code on my frontpage at http://newdashcam.com to display my youtube channel - it's great! I modified the opacity in the script to 0.6 because I thought 0.9 was too dark. Is the "load more" button available yet?

    ReplyDelete
  117. Does this work with the subscription list playlist? such as this: http://gdata.youtube.com/feeds/base/users/wajl10/newsubscriptionvideos

    ReplyDelete
  118. Hi, how can I change the language?

    ReplyDelete
  119. Hi - is it possible to display two galleries on the same page?

    ReplyDelete
  120. I have tried it several different ways, but I still can't figure out what is going on with the plugin.
    http://www.ix-cameras.com/Gallery.php
    Despite what I select for the options, the videos are all displayed in a single column. Any idea on how to help with this?

    ReplyDelete
  121. One more thing I just noticed. The project I am building is using https.
    I was having issues with the javascript file because of that. After doing some investigation, I discovered that you have hardcoded an http url in the js file (http://gdata.youtube.com/). I have changed the url's to https, which works fine, but it would be nice if there was a setting for this.

    ReplyDelete
  122. It looks like my inital comment was not posted. Woops. The initial comment was that I am having two issues with the plugin.
    1) the title of the video is being cut off
    2) there is no load more / paging.
    I am using Visual Studio 2013, and MVC, which uses bootstrap. I am guessing there is some kind of style issue. I created a sample project if you would like to take a look at it. I would just need to know where to send the project.

    ReplyDelete
  123. This script is exactly what I need but I can't for the life of me get it working. Does anyone have a working page I can see this on? The directions at the top don't work. The demo form works but once you take away the form, nothing works. Tried replacing the var at the top but just returns a blank page. Does this script only work if you have the onclick form at the top where you enter the YT channel? Is prepareYoumax(); supposed to be in a < script > tag? Should the options have or not have "var" at the beginning when not using a form? So many inconsistencies with the docs & demo here. Any help would be appreciated.

    ReplyDelete
  124. HI..i'm naveen .I'm very exited with your post .It would be very grateful if you can provide .... 1.how can i provide channel names as menus...
    2. how to load more videos and playlist of a channel on scroll..

    Thanks in advace...

    ReplyDelete
  125. Load More would be amazing for this.

    ReplyDelete
  126. Hi! Thanks for the javascript. I've installed on blogger and I want to put a commenting system. How do I do it?

    http://prntscr.com/4zzuem

    ReplyDelete
  127. Is there any way to set it so that when videos are finished playing they either stop or play the next video instead of showing thumbnail links to other YT user channels?

    ReplyDelete
  128. Is there anyway to get this to work with Vimeo easily?

    ReplyDelete
  129. Your widget is fantastic, although the option "youmaxWidgetHeight" didn't work for me, getting always the necessary weight for display all the videos. However I could fix the weight through a modification in the css.

    $('html > head').append(' #youmax-video-list-div {height:300 !important;}');
    Change the height value for your needs and the erase the DELETETHIS texts in the sentence.

    This also can be use by all the people how have problems because they don't know how to modify the css.

    ReplyDelete
    Replies
    1. The discuss function of the web ate the style tag on the previous message. Try this one:

      $('html > head').append('REPLACEstyle class="youmax-custom-style"> #youmax-video-list-div {height:300 !important;}REPLACE/style>');

      Replace text 'REPLACE' with '<'

      Delete
  130. How can I use YouMax with Drupal 7. Does anybody know how to do that?

    ReplyDelete
  131. Thank you for making it possible to showcase my playlist on my website. I would like to split the playlists up in two, one for older videos and one for the most recent and give them unique headings. Your advice on how to do that would be much appreciated.

    ReplyDelete
  132. Don't know if my comment was posted or not so I'll just post it again ;) Is it possible to make it adjust to your screen size? Cause I got a website that is adjusting to the website so that it is also suitalbe to mobiles and so on, so it would be awesome if this would be adjusting as well ;) Would love it if anybody could tell me how to ;) I made a little example page on my server: http://underbob.de/TB/

    ReplyDelete
  133. Is it possible to limit the number of videos shown to as little as 4? I would like to use this to display the 4 most recent videos uploaded to my YouTube channel. Any insight would be greatly appreciated.

    ReplyDelete
  134. Guys, please use Youmax 3.0 -
    http://www.codehandling.com/2015/01/youmax-30-complete-youtube-channel-on.html

    ReplyDelete
  135. Thank's Sir... How to support /channel/ into your plugins ?

    ReplyDelete
    Replies
    1. Hi, this is an older version of Youmax. Please use this -
      http://www.codehandling.com/2015/01/youmax-40-bring-youtube-to-your-users.html

      Also /channel/xxxxx urls are supported in Youmax 4.0

      Delete
  136. I actually was editing with YouMax 2. and I have to say I'm pretty impressed with how things are with the youtube channels and so.
    (I did modify the html code a bit, to make it look YouTube channel with the partner banner. and a image Background.)

    Though, I'm considering making a video of this on YouTube. so I can show some of my friend or other people youmax and the site.

    ReplyDelete
    Replies
    1. Hello Kevin,

      Would you like to try the Youmax 5.0 ? It has all the changes you made as well as other cool features like YouTube comments, better skins etc.

      http://codecanyon.net/item/youmax-youtube-channel-on-your-website/9989505

      -Jake

      Delete
  137. is it free to use on any website ?

    ReplyDelete
    Replies
    1. Yes Youmax 2.0 is free. A complete documentation of the plugin will be published soon.

      You can also check out the Youmax 6.0 which is the premium version :)

      Delete
  138. Hi when i add this to my site its now showing any videos unless i click on uploads.

    i want uploads as default but when page loads it shows nothing.

    ReplyDelete
    Replies
    1. Please share the link to your website where you have implemented this. We will help you out :)

      Delete
  139. Hi, i am desperately trying to set uploads as default tab, but on page load the plugin displays the uploads tab but empty! If i click on the tab label "Uploads", the uploads will show.
    What i have to do/configure to have m uploads to automatically show on load? Thanks

    ReplyDelete
    Replies
    1. Hi, we have already released the fix for that on GitHub. Please download the package again and try - https://github.com/codehandling/youmax

      If you still face problems, please share the link to your website where you are implementing Youmax :)

      Delete
  140. Hello, I'm using Youmax 2.0 on my website during the last two years, but a few weeks ago stopped working.
    I updated the plugin and followed the steps above, but is still not working.
    My website is http://othermovie.ch/othertv/
    Thanks

    ReplyDelete
    Replies
    1. Hi, The Youmax plugin has been updated which you can download here - https://github.com/codehandling/youmax

      The steps are no longer the same, which is why it is not working. We are going to write a post on it. For now there is a youmax.html file in the Github download pack. The body part of the HTML file has the sample implementation.

      You can also try the Youmax 6.0 version - http://codecanyon.net/item/youmax-youtube-channel-on-your-website/9989505

      Let us know if you need any help :)

      Delete
  141. Hi
    Is there any way to customize the video player so it doesn't use the YouTube one?

    ReplyDelete
    Replies
    1. Hi Zach, There is no out of the box option to do that. You will have to modify the code and add your custom player if you want :)

      Delete
    2. Thanks Jake, do you know which part of the code i'll have to customize?

      Delete
    3. Hi Zach, I saw your comment on G+. See you cannot manually style the iFrame of YouTube. It belongs to YouTube domain and we cannot change it. Adding a custom player is not a very easy job and will take some programming expertise.

      For example, this link shows how to build a sample custom player in HTML - http://www.creativebloq.com/html5/build-custom-html5-video-player-9134473

      If you are a programmer and want to go ahead with this, you can find the "iframe" tag in the source code and add your own player HTML in the place.

      In one of the future upgrades of Youmax 6.0, we will try to add a custom Player but again this will take some time - at least a month.

      Cheers :)

      Delete
  142. hi bro ,i am in desperate need of your help,i am running a blogger based blog and also running a youtube channel connected to it,i want show off My youtube channel in my website,an i have followed your instructions but still its not working fro me..

    Here is what i have done.
    copied the java script and container into the html gadget in the layout section of blogger

    copied the plugin in the body section...I am not sure what to do with the download pack you have provided..can you please explain how use this in blogger ...also the steps with respect to the blogger website.

    ReplyDelete
    Replies
    1. Hi Arun, Please share the link to your website where you are having the problem. We will take a look.

      Make sure you copy the HTML and JS from the download package file - youmax.html

      Drop us a line at web.codehandling@gmail.com and we will send you detailed instructions :)

      Delete
    2. thanks for the fast reply this my website :http://www.techconfigurations.com/

      Delete