Jump to content

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

Featured Replies

Posted
comment_192724

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

comment_192726

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

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

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

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

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

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

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

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

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

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

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

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

Добавь это в 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 (копия)

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.