Add videos support for commentbox

Gruntfile.js

@@ -17,7 +17,7 @@ module.exports = function(grunt) {
             '<%= grunt.template.today("yyyy-mm-dd") %>\n' +
             '<%= pkg.homepage ? "* " + pkg.homepage + "\\n" : "" %>' +
             '* Copyright (c) <%= grunt.template.today("yyyy") %> <%= pkg.author.name %>;' +
-            ' Licensed Apache 2.0 */\n',
+            ' Licensed GPLv3 */\n',
 
         // Task configuration.
         clean: {

bower.json

@@ -1,6 +1,6 @@
 {
     "name": "lightgallery",
-    "version": "1.3.5",
+    "version": "1.3.6",
     "description": "A lightweight, customizable, modular, responsive, lightbox gallery plugin for jQuery.",
     "main": [
         "dist/js/lightgallery.min.js",

dist/css/lg-fb-comment-box.css

@@ -1,8 +1,10 @@
-/*! lightgallery - v1.3.5 - 2016-09-30
+/*! lightgallery - v1.3.6 - 2016-11-18
 * http://sachinchoolur.github.io/lightGallery/
-* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
-.lg-outer.fb-comments .lg-img-wrap {
-  padding-right: 400px !important; }
+* Copyright (c) 2016 Sachin N; Licensed GPLv3 */
+.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont {
+  padding-right: 400px !important;
+}
+
 .lg-outer.fb-comments .fb-comments {
   height: 100%;
   overflow-y: auto;
@@ -11,24 +13,45 @@
   top: 0;
   width: 420px;
   z-index: 99999;
-  background: #fff url("../img/loading.gif") no-repeat scroll center center; }
-  .lg-outer.fb-comments .fb-comments.fb_iframe_widget {
-    background-image: none; }
-    .lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
-      background: #fff url("../img/loading.gif") no-repeat scroll center center; }
+  background: #fff url("../img/loading.gif") no-repeat scroll center center;
+}
+
+.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
+  background-image: none;
+}
+
+.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
+  background: #fff url("../img/loading.gif") no-repeat scroll center center;
+}
+
 .lg-outer.fb-comments .lg-toolbar {
   right: 420px;
-  width: auto; }
+  width: auto;
+}
+
 .lg-outer.fb-comments .lg-actions .lg-next {
-  right: 420px; }
+  right: 420px;
+}
+
 .lg-outer.fb-comments .lg-item {
-  background-image: none; }
-  .lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
-    background-image: none; }
-.lg-outer.fb-comments .lg-img-wrap {
-  background: url(../img/loading.gif) no-repeat scroll center center transparent; }
+  background-image: none;
+}
+
+.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap, .lg-outer.fb-comments .lg-item.lg-complete .lg-video-cont {
+  background-image: none;
+}
+
+.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont {
+  background: url("../img/loading.gif") no-repeat scroll transparent;
+  background-position: center center;
+  background-position: calc((100% - 400px) / 2) center;
+}
+
 .lg-outer.fb-comments .lg-sub-html {
   padding: 0;
-  position: static; }
+  position: static;
+}
 
-/*# sourceMappingURL=lg-fb-comment-box.css.map */
+.lg-outer.fb-comments .lg-video-cont {
+  max-width: 1250px !important;
+}

dist/js/lightgallery.js

@@ -1,6 +1,6 @@
-/*! lightgallery - v1.3.5 - 2016-09-30
+/*! lightgallery - v1.3.6 - 2016-11-18
 * http://sachinchoolur.github.io/lightGallery/
-* Copyright (c) 2016 Sachin N; Licensed Apache 2.0 */
+* Copyright (c) 2016 Sachin N; Licensed GPLv3 */
 
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
@@ -14,7 +14,7 @@
     // like Node.
     module.exports = factory(require('jquery'));
   } else {
-    factory(jQuery);
+    factory(root["jQuery"]);
   }
 }(this, function ($) {
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightgallery",
-    "version": "1.3.5",
+    "version": "1.3.6",
     "description": "A lightweight, customizable, modular, responsive, lightbox gallery plugin for jQuery.",
     "keywords": [
         "jquery-plugin",

src/css/lg-fb-comment-box.css

@@ -1,5 +1,7 @@
-.lg-outer.fb-comments .lg-img-wrap {
-  padding-right: 400px !important; }
+.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont {
+  padding-right: 400px !important;
+}
+
 .lg-outer.fb-comments .fb-comments {
   height: 100%;
   overflow-y: auto;
@@ -8,24 +10,45 @@
   top: 0;
   width: 420px;
   z-index: 99999;
-  background: #fff url("../img/loading.gif") no-repeat scroll center center; }
-  .lg-outer.fb-comments .fb-comments.fb_iframe_widget {
-    background-image: none; }
-    .lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
-      background: #fff url("../img/loading.gif") no-repeat scroll center center; }
+  background: #fff url("../img/loading.gif") no-repeat scroll center center;
+}
+
+.lg-outer.fb-comments .fb-comments.fb_iframe_widget {
+  background-image: none;
+}
+
+.lg-outer.fb-comments .fb-comments.fb_iframe_widget.fb_iframe_widget_loader {
+  background: #fff url("../img/loading.gif") no-repeat scroll center center;
+}
+
 .lg-outer.fb-comments .lg-toolbar {
   right: 420px;
-  width: auto; }
+  width: auto;
+}
+
 .lg-outer.fb-comments .lg-actions .lg-next {
-  right: 420px; }
+  right: 420px;
+}
+
 .lg-outer.fb-comments .lg-item {
-  background-image: none; }
-  .lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap {
-    background-image: none; }
-.lg-outer.fb-comments .lg-img-wrap {
-  background: url(../img/loading.gif) no-repeat scroll center center transparent; }
+  background-image: none;
+}
+
+.lg-outer.fb-comments .lg-item.lg-complete .lg-img-wrap, .lg-outer.fb-comments .lg-item.lg-complete .lg-video-cont {
+  background-image: none;
+}
+
+.lg-outer.fb-comments .lg-img-wrap, .lg-outer.fb-comments .lg-video-cont {
+  background: url("../img/loading.gif") no-repeat scroll transparent;
+  background-position: center center;
+  background-position: calc((100% - 400px) / 2) center;
+}
+
 .lg-outer.fb-comments .lg-sub-html {
   padding: 0;
-  position: static; }
+  position: static;
+}
 
-/*# sourceMappingURL=lg-fb-comment-box.css.map */
+.lg-outer.fb-comments .lg-video-cont {
+  max-width: 1250px !important;
+}