Jump to content

Вставки видео в контакте в новой теме


Recommended Posts

Существует ли плагин с помощью которого можно было вставлять видео как с ютуба, с учетом того что видео плеер будет подстраиваться под мобильную версию форума ?

Link to post
Share on other sites
11 минут назад, Respected сказал:

Плагинов таких нет. Выход вижу в единственном - добавлять в iframe видеролика свойство style="max-width:100%"

А куда конкретно в коде прописать? Вот пример:

<iframe src="//vk.com/video_ext.php?oid=-126212725&id=456245685&hash=c43a0dfa85a83c3e&hd=2" width="853" height="480" frameborder="0" allowfullscreen></iframe>

 

Link to post
Share on other sites

zavsegda приветствую. Выхожу из положения следующим образом: 

в custom.css прописываю

/* Код для адаптации видео */


.video-block-opt {
  text-align: center;
  margin-bottom: 25px;
}
 
@media (max-width: 640px) {
 
  .video-block-opt {
      position: relative;
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden;
  }
  .video-block-opt iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
 
}
/* Конец кода для адаптации видео */

далее создаю в настройках редактора кнопку

img-2019-11-13-16-13-21.thumb.png.241b79d4e254535bd69a25baaedc4c49.png

теперь для вставки видео используем созданную кнопку в которую вставляем frame с youtube

img-2019-11-13-16-14-10.png.6a9e8424f9329335ce3d8acf9b69b0f3.png

 

результат

 img-2019-11-13-16-18-11.png.5ead803766ecf9a423be21604f99771a.png     img-2019-11-13-16-17-51.png.faec65e7d181f33b8e277d5894ef75ae.png

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Ваша ссылка была автоматически строена.   Отображать как обычную ссылку

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...