Update pages.html

pages.html

@@ -347,36 +347,8 @@ const editor = grapesjs.init({
 
 </script>
 
-<script>
-
-editor.BlockManager.add('custom-player', {
-  label: 'Custom Player',
-  content: `<div id="player" style="width: 480px; height: 270px; border: 3px solid black; margin: 0 auto; position: relative; top: 0;"></div>`,
-  attributes: {
-    class: 'fa fa-play'
-  }
-});
-editor.CssComposer.addRules(`
-  #player {
-    width: 480px;
-    height: 270px;
-    border: 3px solid black;
-    margin: 0 auto;
-    position: relative;
-    top: 0;
-  }
-`);
-
-
-
-
 
 
-
-
-
-</script>
-
 <script>
 
 
@@ -785,8 +757,37 @@ editor.Blocks.add('video-player-settings-block', {
 
 </script>
 
+<script>
+
+editor.BlockManager.add('custom-player', {
+  label: 'Custom Player',
+  content: `<div id="player" style="width: 480px; height: 270px; border: 3px solid black; margin: 0 auto; position: relative; top: 0;"></div>`,
+  attributes: {
+    class: 'fa fa-play'
+  }
+});
+editor.CssComposer.addRules(`
+  #player {
+    width: 480px;
+    height: 405px;
+    border: none;
+    margin: 0 auto;
+    position: relative;
+    top: 0;
+    display: block;
+  }
+`);
+
+
+
 
 
+
+
+
+
+</script>
+
 <script>
 
 
@@ -800,7 +801,7 @@ editor.BlockManager.add('custom-iframe', {
 });
 editor.CssComposer.addRules(`
   #custom-iframe {
-    width: 720px;
+    width: 480px;
     height: 405px;
     border: none;
     margin: 0 auto;