tweaks to the H5P links to fix responsive behaviour

extras/h5p.js

@@ -49,12 +49,12 @@ module.exports = {
                     case 'height':
                         height = $(this).text();
                         console.log('height = '+height);
-                        style_string += ' height:'+height+';';
+                       // style_string += ' height:'+height+';';
                         break;
                     case 'width':
                         width = $(this).text();
                         console.log('width = '+width);
-                        style_string += ' width:'+width+';';
+                        style_string += ' max-width:'+width+';';
                         break;
                     case 'style':
                         style = $(this).text();
@@ -92,10 +92,13 @@ module.exports = {
             code += ' data-content-id="'+h5pid+'" src="'+script_url+'/'+h5pid+'/embed"';
             if (width != "") {
                 code += ' width="'+width+'"';
-            }
-            if (height != "") {
+            } else {
+                style_string += ' max-width:'+width+';';
+	    }
+
+            /*if (height != "") {
                 code += ' height="'+height+'"';
-            }
+            }*/
             if (style_string != "") {
                 code += ' style="'+style_string+'"';
             }