Jump to content
zavsegda

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

Recommended Posts

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

Share this post


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>

 

Share this post


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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

×