Saturday, 16 February 2013

Youmax 1.0 - Show complete Youtube channel on your website - Jquery plugin


Check out Youmax 5.0 !

This is NOT another small youtube widget or a video box to be shown on the right side of your website. This is the real deal. Now show 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. Introducing Youmax 1.0! Check out the demo!






Created on the request of "Montana Landforsale"

How to use:

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

1. Specify your Youtube URL

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

Optionally you may specify a playlist on youtube channel to display in the featured tab (Ex: http://www.youtube.com/playlist?list=PLZnxqowr6IKidF63-ybswuiO074g366-Y). If this is not supplied the latest playlist is displayed in the featured tab as the featured playlist.

Another optional parameter is the "youmaxDefaultTab". This lets you choose the tab that will be selected by default on the youmax interface. Ex: You may set its value to "uploads" or "playlists" or "featured" and the appropriate tab will be auto-selected.


2. Include plugins

Include the jQuery plugin if not done already. Now, include the plugin youmax.min.js before the end of your body tag and you are done!


3. 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.


A Youtube like view of your channel will be shown on your webpage!
Let me know if you need any features for the version 2.0

46 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. Super great i will check it out right now!

    thanks!!!

    ReplyDelete
  3. Jake. thanks a million. This is working perfectly now!
    http://montanaprimeland.com/videogallery.html

    ReplyDelete
  4. Hi jake, thank you so much for this post! I think this will be very useful for all bloggers and websites in this year. :)

    ReplyDelete
    Replies
    1. no problem buddy! .. let us know if you have more cool plugin ideas and we would be happy to build it for you.

      Delete
  5. is it possible to increase it to 3 columns

    ReplyDelete
    Replies
    1. Oh okay, if you mean the thumbnails should be displayed in 3 columns instead of 2 .. then we are including it in our next version of this plugin

      Will be released in a week or two..

      Thanks for the tip!

      Delete
  6. Dude this thing is outstanding................beautiful UI dude :D
    One change request.... can u open the video just above the thumbnail tht we click... im asking this bcoz the video opens at top and then i have to scroll down again to see the remaining items.... I hope u wont charge me for this Sir ........ :P

    ReplyDelete
    Replies
    1. http://www.codehandling.com/2013/02/youmax-10-show-complete-youtube-channel.html?showComment=1361462595863#c3484023425154199630

      Delete
  7. Please try to give more options like hide the channel bar just show the videos

    ReplyDelete
    Replies
    1. Oh okay .. noted!

      our team's working on the version 2 :)
      Thanks.

      Delete
  8. This comment has been removed by the author.

    ReplyDelete
  9. Hey, love the plugin. Here's my question, is there anyway to modify your JS to have a video already selected and open at the top rather than to click one on the videos and then have it open at the top?

    ReplyDelete
    Replies
    1. hey thanks, sorry for the late reply...

      you can add below text wrapped inside a script tag ...

      $(window).load(function(){$('#youmax-video-list-div .youmax-video-tnail-box:nth-child(2)').click();});

      This will display the first video in your list to be selected and open at the top...

      Let me know if you need any help..

      Delete
  10. Love this plugin. Thanks.
    Requested features: load a featured video. loop playlists.

    ReplyDelete
    Replies
    1. Hi, can you please elaborate on "loop playlists" feature that you requested. We were working on the next version of Youmax and thought of incorporating it!

      Delete
  11. this does not work in internet explorer. when u visit the gallery on ie it throws up an [object Object] error, any idea how to fix this?.

    ReplyDelete
    Replies
    1. yea, it will work in IE 10 .. but not in previous versions ..
      IE just doesn't support this kind of AJAX
      sorry for that .. :)

      Delete
  12. What are your terms of use of the plugin. I have a premium CMS but want to include this a free extension. Is that allowed

    ReplyDelete
    Replies
    1. sure go ahead .. and as far as terms are concerned, just a short notice -

      "You may not claim intellectual or exclusive ownership to any of our product. All products are property of codehandling. Our products are provided 'as is' without warranty of any kind. We will not be liable for any damages of any kind or other losses arising out of the use of or inability to use our product."

      Delete
  13. Hey , I've included this awesome jquery plugin Youmax in http://jquer.in

    ReplyDelete
    Replies
    1. cool .. can i recommend you our new plugins as and when my team develops them?

      It would be great if you provide some contact!

      Thanks

      Delete
  14. Replies
    1. thanks .. and so are your articles :)

      Delete
  15. Can you make the Subscribe on youtube to open in new window?

    ReplyDelete
  16. Hi ! ... is it possible to set the width and height values ?

    ReplyDelete
  17. Hi Jake!
    I was looking for a feature in 2.0 such that the share option of video can be auto set ON i.e., appears either at the end of video or at the beginning when they are loaded.

    Another thing ( as i was doing that work right now for my site ).

    I was wondering if wonderful thing can be created such that the Jquery Video Lightbox effect ( http://www.jacklmoore.com/colorbox/ ) can be combined with with this so that in html DOM only url's are loaded only and onclick in lightbox they load & play.
    But should have your functionality of playlist | UserId | Channel
    May Be very cool experience !

    Thanks,
    prakash

    ReplyDelete
    Replies
    1. Thanks Prakash!

      About your Share option, can you please give me a bit of detail using screenshots...

      About your Lightbox requirement, I understand that you want the videos to load and play in a lightbox, right?

      Lastly on your comment - "But should have your functionality of playlist | UserId | Channel" ... is this some sort of new requirement since playlists/uploads are already present?

      My Email - web.codehandling@gmail.com
      Feel free to mail me :)

      Delete
    2. This comment has been removed by the author.

      Delete
    3. Hey Jake,

      Im not yet ready with screenshots but Exactly what you understood is right!

      "I understand that you want the videos to load and play in a lightbox"

      About Functionality im sorry to tell you that all i was telling you to dont lose that functionality, sorry why would you remove that as your more experienced than me.

      Now concerning choosing http://www.jacklmoore.com/colorbox/ as lightbox, its not have any personal link.
      I have looked out for many and that is MIT license, he is regulary updating compared to other old plugin. So im saying yes to him as said to your plugin.

      Thanks,
      prakash

      Delete
  18. Another GREAT plugin! Congratulations!

    But, if you permit I suggest, would be nice if we could to chose haven't another tabs but "uploads" (in my case, for instance, I don't want people see my other YouTube stuff). In this case, the #youmax-tabs div it's not necessary to appears.

    Regards!

    ReplyDelete
    Replies
    1. You can Have a quickfix, which takes same effort as doing via plugin.
      Get firebug addon , find the div and set css to display:none;

      I will get code by today evng. But if Code handling wants to add that feature, that also cool. I have no issues.
      Thanks,
      prakash

      Delete
    2. Add this css :

      #youmax > #youmax-tabs
      {
      display:none;
      }

      Delete
  19. Hi Guys,
    all your change requests are now implemented and online -

    Presenting Youmax 2.0

    http://www.codehandling.com/2013/03/youmax-20-complete-youtube-channel-on.html

    ReplyDelete
  20. To keep t; after which the losers had in their turn the liberty of raising upon the next vacancy. Thus hope and expectation would be kept alive, none would complain of broken promises, but impute their disappointments wholly to fortune, whose shoulders are broader and stronger than those of a ministry.


    Dreambox Cccam | Dreambox Cardsharing

    ReplyDelete
  21. Hello Jake,

    The Youmax 1.0 plugin is awesome. I am trying to use it for our website, but I have 1 question. I do not want the related views to show after my selected video stops playing. How can I achieve this with the plugin?

    Thanks,
    Sama

    ReplyDelete
  22. You can easily purchase Fans because all you have to carry out is locate the best company by having an readable internet site supplying the solutions you are interested in.

    ReplyDelete
  23. Hello,

    Can i display 2 channels in the same page.

    Thanks
    jagan

    ReplyDelete