Basic HTML5 video support

Author: fancyapps

dist/jquery.fancybox.js

@@ -1,5 +1,5 @@
 // ==================================================
-// fancyBox v3.2.9
+// fancyBox v3.2.10
 //
 // Licensed GPLv3 for open source use
 // or fancyBox Commercial License for commercial use
@@ -640,6 +640,7 @@
                     opts = {},
                     $item,
                     type,
+                    found,
                     src,
                     srcParts;
 
@@ -708,6 +709,13 @@
                     } else if ( src.match(/\.(pdf)((\?|#).*)?$/i) ) {
                         type = 'pdf';
 
+                    } else if ( found = src.match(/\.(mp4|mov|ogv)((\?|#).*)?$/i) ) {
+                        type = 'video';
+
+                        if ( !obj.opts.videoFormat ) {
+                            obj.opts.videoFormat = 'video/' + ( found[1] === 'ogv' ? 'ogg' : found[1] );
+                        }
+
                     } else if ( src.charAt(0) === '#' ) {
                         type = 'inline';
                     }
@@ -1655,6 +1663,17 @@
 
                 break;
 
+                case 'video' :
+
+                    self.setContent( slide,
+                        '<video controls>' +
+                          '<source src="' + slide.src + '" type="' + slide.opts.videoFormat + '">' +
+                            'Your browser doesn\'t support HTML5 video' +
+                        '</video>'
+                    );
+
+                break;
+
                 default:
 
                     self.setError( slide );
@@ -2734,7 +2753,7 @@
 
     $.fancybox = {
 
-        version  : "3.2.9",
+        version  : "3.2.10",
         defaults : defaults,
 
 

dist/jquery.fancybox.min.js

@@ -1,7 +1,7 @@
 {
   "name": "@fancyapps/fancybox",
   "description": "Touch enabled, responsive and fully customizable jQuery lightbox script",
-  "version": "3.2.9",
+  "version": "3.2.10",
   "homepage": "http://fancyapps.com/fancybox/",
   "main": "./dist/jquery.fancybox.js",
   "author": "fancyApps",

package.json

@@ -630,6 +630,7 @@
                     opts = {},
                     $item,
                     type,
+                    found,
                     src,
                     srcParts;
 
@@ -698,6 +699,13 @@
                     } else if ( src.match(/\.(pdf)((\?|#).*)?$/i) ) {
                         type = 'pdf';
 
+                    } else if ( found = src.match(/\.(mp4|mov|ogv)((\?|#).*)?$/i) ) {
+                        type = 'video';
+
+                        if ( !obj.opts.videoFormat ) {
+                            obj.opts.videoFormat = 'video/' + ( found[1] === 'ogv' ? 'ogg' : found[1] );
+                        }
+
                     } else if ( src.charAt(0) === '#' ) {
                         type = 'inline';
                     }
@@ -1645,6 +1653,17 @@
 
                 break;
 
+                case 'video' :
+
+                    self.setContent( slide,
+                        '<video controls>' +
+                          '<source src="' + slide.src + '" type="' + slide.opts.videoFormat + '">' +
+                            'Your browser doesn\'t support HTML5 video' +
+                        '</video>'
+                    );
+
+                break;
+
                 default:
 
                     self.setError( slide );