MediaWiki:Common.js: различия между версиями
Попытка #2 |
Попытка #3 |
||
| Строка 77: | Строка 77: | ||
/* Функция для вставки VK-видео на страницу для шаблона VKVideo */ | /* Функция для вставки VK-видео на страницу для шаблона VKVideo, простая версия */ | ||
window.vkVideoInit = function() { | |||
console.log('VK Video | console.log('VK Video: Initializing...'); | ||
var | var containers = document.querySelectorAll('.vk-video-js'); | ||
console.log('VK Video | console.log('VK Video: Found ' + containers.length + ' containers'); | ||
for (var i = 0; i < containers.length; i++) { | |||
var container = containers[i]; | |||
var oid = container.getAttribute('data-oid'); | var oid = container.getAttribute('data-oid'); | ||
var id = container.getAttribute('data-id'); | var id = container.getAttribute('data-id'); | ||
| Строка 92: | Строка 91: | ||
var height = container.getAttribute('data-height') || '360'; | var height = container.getAttribute('data-height') || '360'; | ||
console.log('VK Video | console.log('VK Video: Container ' + i + ' - oid:' + oid + ' id:' + id); | ||
if (oid && id) { | if (oid && id && oid !== 'null' && id !== 'null') { | ||
var iframe = document.createElement('iframe'); | |||
iframe.src = 'https://vk.com/video_ext.php?oid=' + encodeURIComponent(oid) + '&id=' + encodeURIComponent(id); | |||
iframe.width = width; | |||
iframe.height = height; | |||
iframe.frameBorder = '0'; | |||
iframe.allowFullscreen = true; | |||
iframe.style.border = 'none'; | |||
iframe.style.borderRadius = '4px'; | |||
container.innerHTML = ''; | |||
container.appendChild(iframe); | |||
console.log('VK Video: Container ' + i + ' - SUCCESS'); | |||
} else { | } else { | ||
console.error('VK Video | console.error('VK Video: Container ' + i + ' - MISSING DATA'); | ||
container.innerHTML = '<div style="color: red; padding: | container.innerHTML = '<div style="color: red; padding: 10px; text-align: center; border: 1px solid red;">Ошибка: неверные параметры видео</div>'; | ||
} | } | ||
}); | } | ||
}); | }; | ||
/* Запускаем после загрузки ВК-видео DOM */ | |||
if (document.readyState === 'loading') { | |||
document.addEventListener('DOMContentLoaded', window.vkVideoInit); | |||
} else { | |||
window.vkVideoInit(); | |||
} | |||