Вставка Youtube видео внутрь сообщения, с возможностью изменения его размера

[chaika222]

На форум после вставки обычного видео с Ютуб оно возникает в своем размере, заданном в панеле администратора, но возможности изменить его размер нет. Можно ли это как-то исправить и добавить возможность изменять размер видео внутри сообщения? Как на примере с изображением:

[Zero108]

Я на всю ширину поста делаю автоматом. Без использования HTML никак не изменить. Только оборачивать в дивы и прописывать ширину. Так что для масс продакшн пока плагина нет.

[SlawkA]

1 час назад, Zero108 сказал:

Я на всю ширину поста делаю автоматом. Без использования HTML никак не изменить. Только оборачивать в дивы и прописывать ширину. Так что для масс продакшн пока плагина нет.

да но есть кнопка. где можно выставить свои настройки и тд

https://ckeditor.com/cke4/addon/youtube

https://ckeditor.com/cke4/addon/embed

https://ckeditor.com/cke4/addon/videoembed

просто на тест домене проверить скачанные кнопки. в первой ссылке в описание все написано и расписано как и чего делать

[Zero108]

1 час назад, SlawkA сказал:

https://ckeditor.com/cke4/addon/youtube

Ну, гемор, конечно, да и пользователи не смогут правильные пропорции вычислить для длины и высоты видео. Никто эту кнопку не найдет или забудет про неё. Пожтому видео сейчас само встраивается в редакторе. 

[ryancoolround]

5 часов назад, chaika222 сказал:

На форум после вставки обычного видео с Ютуб оно возникает в своем размере, заданном в панеле администратора, но возможности изменить его размер нет. Можно ли это как-то исправить и добавить возможность изменять размер видео внутри сообщения? Как на примере с изображением:

Добавь это в custom.css

.video-wrapper {
  resize: both; /* добавляем возможность изменения размера во всех направлениях */
  overflow: auto; /* добавляем прокрутку, если размер видео превышает размер обертки */
  width: 640px; /* устанавливаем начальную ширину */
  height: 360px; /* устанавливаем начальную высоту */
}
.ipsEmbeddedVideo {
  width: 100%; /* устанавливаем ширину 100% для заполнения всей обертки */
  height: 100%; /* устанавливаем высоту 100% для заполнения всей обертки */
}

core>global>video - замените содержимое на

<div class="video-wrapper">
  <div class='ipsEmbeddedVideo' contenteditable="false">
    <div>{$html|raw}</div>
  </div>
</div>

По итогу грубо, но реализуемо.

Демонстрация: https://ip-gamers.net/topic/199-kak-privlech-igrokov-na-server-l4d2/page/2/#comment-9977

Перед демонстрацией, внизу сайта активируйте тему IP-Gamers - 2023 (копия)