Patch v3.0.3: Id bugfix, add bare iframe feature

Found significant bug while adding bare iframe feature. Corrected that bug which prevented initialization on element by id. Also added the feature ;)

Author: doesdev

README.md

@@ -3,6 +3,11 @@
 
 Turn any element into a lightbox or popover link for Youtube and Vimeo videos.
 
+### MAJOR BUG IN (3.0 - 3.0.2)
+If you are using these versions you will be unable to initialize on elements specified by id rather than a class.
+
+**Corrected in version 3.0.3**, so upgrading is highly recommended. 
+
 ### 3.0 is a significant update (complete re-write).
 Some things have changed, though the only real non-backward compatible change is a couple updated defaults.
 Everything else (such as renamed options and updated params) has shims in place to maintain compatibility.
@@ -266,6 +271,12 @@ Some of Youtube's options are not listed below, but everything on their params p
 Changes
 ----
 
+### Patch [3.0.3]
+3.0.3:
+- [BUG FIX] corrects bug preventing initializing on element by id rather than class 
+- [FEATURE] by request bare iframe option was added for embedding a webpage in a VL driven iframe
+  - usage: set vendor + video id to `'f-{url}'`, for example `'f-http://musocrat.github.io/jquery-video-lightning/'`
+
 ### General Updates
 3.0:
 - complete re-write removing the dependency on jQuery while still supporting jQuery initialization

demo/index.html

@@ -121,7 +121,7 @@ <h2>
         </h2>
 
         <p>
-            Docs can be found at <a href="https://github.com/musocrat/jquery-video-lightning#readme">the repo</a>.
+            Docs can be found at <a id="bare-iframe-link">the repo</a>.
         </p>
         <hr>
 
@@ -168,6 +168,18 @@ <h2>
           xColor: "#7FFF00",
           color: "#fff"
         }
+      },
+      {
+        "#bare-iframe-link": {
+          //id: 'f-https://github.com/musocrat/jquery-video-lightning#readme',
+          id: 'y-z-D1PJ1cMXs',
+          backdrop_color: "#7FFF00",
+          backdrop_opacity: 0.7,
+          glow: 150,
+          glow_color: "#fff",
+          xColor: "#7FFF00",
+          color: "#fff"
+        }
       }
     ]
   });

demo/javascripts/videoLightning.js

@@ -1,7 +1,7 @@
 {
   "name": "video-lightning",
   "title": "Video Lightning",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "Turn any element into a lightbox or popover link for Youtube and Vimeo videos.",
   "keywords": [
     "jquery",

dist/videoLightning.js

@@ -13,7 +13,8 @@
     if _isAry(optEls) then (pushRawEls(e) for e in optEls) else pushRawEls(optEls)
     for el in rawEls
       if (domEls = _getEl(el.el))
-        (if _isElAry(domEls) then (els.push(el: de, opts: el.opts) for de in domEls) else els.push(el: domEls, el.opts))
+        if _isElAry(domEls) then (els.push(el: de, opts: el.opts) for de in domEls)
+        else els.push(el: domEls, opts: el.opts)
     return noElErr() if els.length == 0
     settings = obj.settings || {}
     (@vlData.instances.push(new VideoLightning(el, settings))) for el in els when el
@@ -42,9 +43,11 @@
       @opts.width = if @opts.width then parseInt(@opts.width, 10) else 640
       @opts.height = if @opts.height then parseInt(@opts.height, 10) else 390
       @opts.id ?= 'y-dQw4w9WgXcQ'
-      if @opts.id.match(/^v/) then (@vendor = 'vimeo'; @vm = true) else (@vendor = 'youtube'; @yt = true)
+      if @opts.id.match(/^v/) then (@vendor = 'vimeo'; @vm = true)
+      else if @opts.id.match(/^f/) then (@vendor = 'iframe'; @ifr = true)
+      else (@vendor = 'youtube'; @yt = true)
       window.vlData[@vendor] = true
-      @id = @opts.id.replace(/([vy]-)/i, '')
+      @id = @opts.id.replace(/([vyf]-)/i, '')
       (@opts[key[1]] ?= @opts[key[0]]) for key in remap
 
     buildEls: =>
@@ -139,7 +142,15 @@
     play: =>
       @popoverPos() if _boolify(@opts.popover, false)
       @show()
-      if @ready && !@playing && @iframe.src != 'about:blank'
+      if @ifr
+        _setSrc(@iframe,
+          url: encodeURI(@id)
+          attrs:
+            width: @opts.width
+            height: @opts.height
+            frameBorder: 0
+        )
+      else if @ready && !@playing && @iframe.src != 'about:blank'
         @ytPlay() if @yt
         @vmPlay() if @vm
       else if !@playing