MediaWiki:Common.js: различия между версиями

← Предыдущая правка Следующая правка →

@@ Строка 78: / Строка 78: @@
 /* Функция для вставки VK-видео на страницу для шаблона VKVideo, простая версия */
-window.vkVideoInit = function() {
+(function() {
-     console.log('VK Video: Initializing...');
+     'use strict';
-     var containers = document.querySelectorAll('.vk-video-js');
+     function initVKVideo() {
-    console.log('VK Video: Found ' + containers.length + ' containers');
+        var containers = document.querySelectorAll('.vk-video-js');
-    for (var i = 0; i < containers.length; i++) {
-        var container = containers[i];
-        var oid = container.getAttribute('data-oid');
-        var id = container.getAttribute('data-id');
-        var width = container.getAttribute('data-width') || '560';
-        var height = container.getAttribute('data-height') || '315';
-        console.log('VK Video: Container ' + i + ' - oid:' + oid + ' id:' + id);
-         if (oid && id && oid !== 'null' && id !== 'null') {
+         for (var i = 0; i < containers.length; i++) {
-             var iframe = document.createElement('iframe');
+             var container = containers[i];
-             iframe.src = 'https://vk.com/video_ext.php?oid=' + encodeURIComponent(oid) + '&id=' + encodeURIComponent(id);
+            var oid = container.getAttribute('data-oid');
-             iframe.width = width;
+             var id = container.getAttribute('data-id');
-             iframe.height = height;
+             var width = container.getAttribute('data-width') || '560';
-            iframe.frameBorder = '0';
+             var height = container.getAttribute('data-height') || '315';
-            iframe.allowFullscreen = true;
-            iframe.style.border = 'none';
-             container.innerHTML = '';
+             if (oid && id && oid !== 'null' && id !== 'null' &&
-            container.appendChild(iframe);
+                /^[-_a-zA-Z0-9]+$/.test(oid) && /^[-_a-zA-Z0-9]+$/.test(id)) {
-            console.log('VK Video: Container ' + i + ' - SUCCESS');
-        } else {
+                var iframe = document.createElement('iframe');
-            console.error('VK Video: Container ' + i + ' - MISSING DATA');
+                iframe.src = 'https://vk.com/video_ext.php?oid=' + encodeURIComponent(oid) + '&id=' + encodeURIComponent(id);
-            container.innerHTML = '<div style="color: red; padding: 10px; text-align: center; border: 1px solid red;">Ошибка: неверные параметры видео</div>';
+                iframe.width = width;
+                iframe.height = height;
+                iframe.frameBorder = '0';
+                iframe.allowFullscreen = true;
+                iframe.style.border = 'none';
+                while (container.firstChild) {
+                    container.removeChild(container.firstChild);
+                }
+                container.appendChild(iframe);
+            } else {
+                var errorDiv = document.createElement('div');
+                errorDiv.style.cssText = 'color: red; padding: 10px; text-align: center; border: 1px solid red;';
+                errorDiv.textContent = 'Ошибка: неверные параметры видео';
+                while (container.firstChild) {
+                    container.removeChild(container.firstChild);
+                }
+                container.appendChild(errorDiv);
+            }
          }
      }
-};
+    if (document.readyState === 'loading') {
-if (document.readyState === 'loading') {
+        document.addEventListener('DOMContentLoaded', initVKVideo);
-    document.addEventListener('DOMContentLoaded', window.vkVideoInit);
+    } else {
-} else {
+        initVKVideo();
-    window.vkVideoInit();
+    }
-}
+})();