Плагин – Виджет видео плеера YouTube

👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

Плагин YouTube Player Widget позволяет добавлять в sidebar вашей темы видео плеер.

Плагин имеет следующие настройки:

Заголовок виджета – введенная вами информация будет отображаться в заголовке блока на вашем сайте.

Код видео – у каждого видео на сервисе YouTube есть свой «код», чтобы его посмотреть нужно открыть нужное видео на сайте YouTube и посмотреть в адресную строку.

К примеру мы видим:

https://youtu.be/m4ENCgdvmuQ

в данном адресе кодом является BgyWc-oBrXs.
Бывают url адреса с дополнениями и после кода, они нам не нужны (пример:

https://youtu.be/m4ENCgdvmuQ&feature=related

)

Ширина – само собой задаем цифрами в пикселях ширину видео плеера.

Высота – так же задаем цифрами в пикселях высоту видео плеера.

После указания всех настроек, нажимаем кнопку Сохранить.

Установка:
1. Скачиваем плагин тут.
2. Распакуем архив.
3. Закачиваем папку youtube-player-widget в /wp-content/plugins/
4. Активируем плагин
5. Заходим в панель управления – внешний вид – виджеты
6. Перетаскиваем мышкой виджет под названием YouTube Player в ваш sidebar.
7. Настраиваем и сохраняем.
8. Все готово, плеер работает.

Создай свой первый сайт на WordPress

zetrider

Кодинг, дизайн, wordpress

Оцените автора
Добавить комментарий

  1. Спасибо! Высота и ширина — это максимальные высота и ширина? Что будет, если видео по ширине соответствует, а по высоте меньше или больше (пропорции ведь разные бывают)?

    Ответить
  2. zetrider автор

    Ширина и высота выставляется для самого плеера, задать можно хоть 1000х200.
    конечно видео будет криво смотреться, с этим уж ничего не поделать, хоть youtube и старается пропорционально подстроить видео под плеер.

    Не делал никаких ограничений по настройкам, в том может быть и плюс, что есть возможность задавать хоть какую высоту и ширину под свои нужды.

    В шаблон вставляется код плерра:

    <object width="ширина" height="высота"><param name="movie" value="http://www.youtube.com/v/кодвидео&hl=en&fs=1&rel=0&border=0"></param>
    <param name="allowFullScreen" value="true"></param>
    <param name="allowscriptaccess" value="always"></param>
    <embed src="http://www.youtube.com/v/кодвидео&hl=en&fs=1&rel=0&border=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="ширина" height="высота"></embed>
    </object>
    Ответить
    1. А нет способа выставлять только ширину или только высоту, а высота или ширина чтобы подстраивалась автоматически, в зависимости от оригинального соотношения сторон?

      Ответить
      1. zetrider автор

        Можно дописать, только нужно подумать :)
        Разумнее брать соотношение сторон от ширины.

        По моему самый простой выход вычисления:

        YouTube предлагает стандартный размер 560*349
        Sidebar на сайтах бывает разный, возьмем примерно 200px
        Уменьшаем пропорционально плеер от стандартного размера, получаем — 200*156

        При установке виджета задаем value = 200*156

        Далее если меняется ширина то к высоте прибавляем или отнимаем 44 px в зависимости от значения :)

        Завтра постараюсь выложить код и инструкцию куда его вставить.

        Или есть варианты проще?

        Ответить
        1. zetrider автор

          упс, кажется простой да не верный )

          Ответить
          1. zetrider автор

            цифра соотношения 200/156=0,78
            высота = ширина * 0,78

            Ответить