Update pages.html

pages.html

@@ -560,6 +560,72 @@ editor.Blocks.add('empty-block-block', {
 
 
 
+
+
+
+// Создаем новый тип компонента для настроек видеоплеера
+editor.Components.addType('video-player-settings', {
+  model: {
+    defaults: {
+      // HTML-код блока настроек видеоплеера
+      content: '<div id="video-player-settings"></div>',
+      // Скрипт для обработки блока (если нужно)
+      script: function(props) {
+        window.vid_list = JSON.parse(props.vid_list);
+        console.log('Video player settings initialized with vid_list:', vid_list);
+
+        // Подключение указанного скрипта
+        const loadScript = (src, callback) => {
+          const script = document.createElement('script');
+          script.src = src;
+          script.onload = callback;
+          document.body.appendChild(script);
+        };
+
+        loadScript('https://huggingface.co/spaces/DMTuit/psy_vk/resolve/main/js/playerjs.js', () => {
+          console.log('PlayerJS script loaded!');
+        });
+      },
+      // Свойства, которые будут передаваться в скрипт
+      'script-props': ['vid_list'],
+      // Настройки для ввода JSON-строки с данными о видео
+      traits: [
+        {
+          type: 'text',
+          name: 'vid_list',
+          label: 'Video List',
+          changeProp: true,
+          placeholder: '[{"title":"Название","file":"URL"},...]',
+          style: { width: '100%', height: '200px' } // Широкое поле ввода
+        }
+      ]
+    }
+  }
+});
+
+// Создаем блок для компонента настроек видеоплеера
+editor.Blocks.add('video-player-settings-block', {
+  label: 'Video Player Settings',
+  content: { type: 'video-player-settings' },
+});
+
+
+
+
+
+
+
+
+
+
+
+
+
+  
+  
+
+
+