youmax's Introduction

Youmax

Complete Youtube channel on your website

Demo & Documentation: https://dailydhyaan.com/youmax-youtube-jquery-plugin/youmax.html
WordPress Version: https://dailydhyaan.com/youtube-wordpress-plugin/youram-demo.html

Screenshots

Benefits

2.1 features:

Added Load More button
Migrated to YouTube API v3
Improved Layout and Performance

2.0 features

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.

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

Author

Jake Handling
https://plus.google.com/+JakeHandling

License

This plugin is available under the MIT licence under the condition that you cannot re-distribute the plugin.

youmax's People

Contributors

Stargazers

Watchers

youmax's Issues

Uncaught ReferenceError: prepareYoumax is not defined

I get the this error with the following code.

Uncaught ReferenceError: prepareYoumax is not defined

<!DOCTYPE html> 
<html> 
<head> 
  <title>Studio Iqaat</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css" />
  <link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css" />

  <style></style>

  <script src="//code.jquery.com/jquery-1.8.2.min.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
  <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  <script src="/js/youmax/js/youmax.js"></script>

  <script> </script>
</head> 
<body> 

<div data-role="page" id="page">

  <div id="header" data-role="header"><h1>Header</h1></div><!-- /header -->


  <div data-role="content"> 
    <h1>Videos</h1>
    <div id="youmax"></div>

  </div>


  <div id="footer" data-role="footer"><h1>Footer</h1></div>
</div> 

<script>

 //youtube channel URL (mandatory) -----------------------------
 youTubeChannelURL = "http://www.youtube.com/user/iqaat";

 //optional parameter-----------------------------------------------
 youTubePlaylistURL = "https://www.youtube.com/playlist?list=PL7AA5F96387E440A2";
 youmaxDefaultTab = "featured";
 youmaxColumns = 3; 
 youmaxWidgetWidth = 800;
 //youmaxWidgetHeight = 1000;
 showFeaturedVideoOnLoad = false;
 showVideoInLightbox = true;

  prepareYoumax();

</script>

</body>
</html>