Видео с ВК, ОК, Rutube

ЕСТЬ РЕШЕНИЕ InstantCMS 2.X

#1 5 марта 2025 в 00:07

Приветствую! Есть ли решение для интеграции видео с ВК, ок и rutube?

https://alex31.ru

#2 5 марта 2025 в 00:11

valenzetti, instantcms.ru/addons/embedvideo.html

#3 5 марта 2025 в 00:11

Рабочий проект NEURO-AI.ru

Сегодня в 21:55

#4 5 марта 2025 в 10:54

Хорошее Приложение, однако, размер видео, почему-то сильно заужен.

С чем может быть связано? Как поправить

-1

#5 5 марта 2025 в 13:04

А.Саган, плеер ВК формируется тут:

$iframe = '<iframe src="https://vk.com/video_ext.php?oid=' . htmlspecialchars($m[1]) . '&id=' . htmlspecialchars($m[2]) . '&hd=2" width="100%" encrypted-media; fullscreen; picture-in-picture;" frameborder="0" allowfullscreen></iframe>';

Можно попробовать добавить сюда принудительное height = «300px» например. Или решить проблему при помощи js, например так:

<script>
  var iframes = document.querySelectorAll('.vk-video');
 
  iframes.forEach(function(iframe) {
    iframe.style.height = '300px';
  });
</script>

Вариантов в общем масса, выбирайте, какой вам больше нравится.

#6 5 марта 2025 в 18:01

Для адаптивности хорошо подходит такое оформление iframe

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="your url"></iframe>
</div>
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="your url"></iframe>
</div>