Embed- fix icons to work with other icons than 'play'

src/definitions/modules/embed.js

@@ -51,7 +51,7 @@ $.fn.embed = function(parameters) {
         $window         = $(window),
         $module         = $(this),
         $placeholder    = $module.find(selector.placeholder),
-        $play           = $module.find(selector.play),
+        $icon           = $module.find(selector.icon),
         $embed          = $module.find(selector.embed),
 
         element         = this,
@@ -89,7 +89,7 @@ $.fn.embed = function(parameters) {
         refresh: function() {
           module.verbose('Refreshing selector cache');
           $placeholder = $module.find(selector.placeholder);
-          $play        = $module.find(selector.play);
+          $icon        = $module.find(selector.icon);
           $embed       = $module.find(selector.embed);
         },
 
@@ -97,9 +97,10 @@ $.fn.embed = function(parameters) {
           events: function() {
             if( module.has.placeholder() ) {
               module.debug('Adding placeholder events');
+              console.log($module, selector.placeholder);
               $module
                 .on('click' + eventNamespace, selector.placeholder, module.createAndShow)
-                .on('click' + eventNamespace, selector.play, module.createAndShow)
+                .on('click' + eventNamespace, selector.icon, module.createAndShow)
               ;
             }
           }
@@ -131,6 +132,7 @@ $.fn.embed = function(parameters) {
         createEmbed: function(url) {
           module.refresh();
           url = url || module.get.url();
+          console.log(url);
           $embed = $('<div/>')
             .addClass(className.embed)
             .html( module.generate.embed(url) )
@@ -141,6 +143,7 @@ $.fn.embed = function(parameters) {
         },
 
         createAndShow: function() {
+          console.log('cands');
           module.createEmbed();
           module.show();
         },
@@ -584,7 +587,7 @@ $.fn.embed.settings = {
   selector : {
     embed       : '.embed',
     placeholder : '.placeholder',
-    play        : '.play'
+    icon        : '.icon'
   },
 
   sources: {

src/definitions/modules/embed.less

@@ -59,10 +59,9 @@
 }
 
 /*--------------
-  Placeholder
+   Placeholder
 ---------------*/
 
-/* Placeholder Image */
 .ui.embed > .placeholder {
   position: absolute;
   cursor: pointer;
@@ -75,10 +74,9 @@
 }
 
 /*--------------
-      Play
+      Icon
 ---------------*/
 
-/* Play Icon */
 .ui.embed > .icon {
   cursor: pointer;
   position: absolute;
@@ -134,11 +132,11 @@
      Active
 ---------------*/
 
-.ui.active.embed .play,
-.ui.active.embed .placeholder {
+.ui.active.embed > .icon,
+.ui.active.embed > .placeholder {
   display: none;
 }
-.ui.active.embed .embed {
+.ui.active.embed > .embed {
   display: block;
 }