Update pages.html

pages.html

@@ -868,6 +868,44 @@ editor.CssComposer.addRules(`
 `);
 </script>
 
+
+
+
+
+<script>
+editor.BlockManager.add('player-box', {
+  label: `
+    <div style="display: flex; align-items: center;">
+      <!-- icon666.com - MILLIONS vector ICONS FREE --><svg id="Layer_1" enable-background="new 0 0 490 490" viewBox="0 0 490 490" xmlns="http://www.w3.org/2000/svg" width="36" height="36"><g><g><g><path d="m380 70h-270c-60.654 0-110 49.346-110 110v130c0 60.654 49.346 110 110 110h270c60.654 0 110-49.346 110-110v-130c0-60.654-49.346-110-110-110zm90 240c0 49.626-40.374 90-90 90h-270c-49.626 0-90-40.374-90-90v-130c0-49.626 40.374-90 90-90h270c49.626 0 90 40.374 90 90z" fill="#000000" style="fill: rgb(237, 237, 237);"></path><path d="m323.846 235.769-120-50c-3.085-1.286-6.611-.945-9.393.911-2.782 1.854-4.453 4.977-4.453 8.32v100c0 3.344 1.671 6.466 4.453 8.32 1.667 1.112 3.601 1.68 5.548 1.68 1.301 0 2.608-.254 3.845-.769l120-50c3.727-1.553 6.154-5.194 6.154-9.231s-2.428-7.678-6.154-9.231zm-113.846 44.231v-70l84 35z" fill="#000000" style="fill: rgb(237, 237, 237);"></path></g></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg>
+      <span style="margin-left: 8px;">Custom Player</span>
+    </div>`,
+  content: `<div id="player" style="width: 480px; height: 270px; border: 3px solid black; margin: 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;
+    display: block;
+  }
+`);
+</script>
+
+
+
+
+
+
+
+
+
+  
 <script>