Newcomposers.ru

IT Мир
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Вставить ютуб на сайт

Как встроить ролик или плейлист на сторонний ресурс

Ролики и плейлисты YouTube можно встраивать в блоги и размещать на сторонних сайтах.

Вот как встроить ролик

  1. Откройте YouTube на компьютере и перейдите на страницу нужного видео.
  2. Нажмите Поделиться под проигрывателем.
  3. Выберите Встроить.
  4. Скопируйте код.
  5. Добавьте код в свой блог или на сайт.

Если вы встраиваете ролики с YouTube на ресурс, предназначенный для детей, вам необходимо указать его целевую аудиторию. Сделать это можно с помощью специальных инструментов. На сайтах и в приложениях для детей не демонстрируется персонализированная реклама, а во встроенном проигрывателе недоступны некоторые функции.

Обратите внимание, что к встроенному проигрывателю применяются Условия использования YouTube API и правила для разработчиков.

Как встроить плейлист

  1. Войдите в аккаунт на компьютере.
  2. В меню слева выберите нужный плейлист.
  3. Скопируйте его идентификатор из URL в адресной строке.
  4. В качестве основы используйте код для вставки любого ролика и измените его следующим образом:
    • Замените идентификатор видео (после части embed/) на фрагмент «videoseries?list=».
    • Вставьте идентификатор плейлиста после знака «=».
    • Добавьте код в свой блог или на веб-сайт.

Пример:

Что ещё можно сделать

В режиме повышенной конфиденциальности встраивать видео YouTube можно без файлов cookie. В этом случае данные о просмотрах не сохраняются, а рекомендации составляются на основе только что воспроизведенных роликов. Кроме того, такие видео не попадают в историю просмотра на YouTube.

Режим повышенной конфиденциальности пока доступен только для встроенных проигрывателей на сайтах. Чтобы он поддерживался и в приложениях, разработчикам нужно упаковать проигрыватель в экземпляр веб-просмотра.

Обратите внимание, что к встроенному проигрывателю применяются Условия использования YouTube API и правила для разработчиков.

Примечания

  • Если пользователь перейдет со страницы, на которой встроен проигрыватель, на другой сайт или в другое приложение, данные о его действиях могут начать сохраняться. Это зависит от правил и условий использования сайта или приложения.
  • Режим повышенной конфиденциальности пока доступен только для встроенных проигрывателей на сайтах. Чтобы он поддерживался и в приложениях, разработчикам нужно упаковать проигрыватель в экземпляр веб-просмотра.

Чтобы включить режим повышенной конфиденциальности, измените URL встроенного видео в коде HTML с https://www.youtube.com на https://www.youtube-nocookie.com. Пример:

Оригинальный URL видео:

Измененный URL видео:

Поскольку это разные домены, администратору сети также необходимо добавить в белый список брандмауэра домен youtube-nocookie.com.

Чтобы видео воспроизводилось автоматически, вставьте в код фрагмент &autoplay=0. Он должен следовать за идентификатором ролика, который расположен после фрагмента embed/.

Количество раз, когда встроенный ролик воспроизводится автоматически, не учитывается при подсчете просмотров.

Пример:

Чтобы видео воспроизводилось с определенного момента, вставьте в код фрагмент ?start= и после него укажите нужное время в секундах от начала ролика.

Например, чтобы ролик начал воспроизводиться на отметке 1 минута 30 секунд, код должен выглядеть следующим образом:

Чтобы во встроенном видео автоматически появлялись титры, добавьте в код фрагмент &cc_load_policy=1.

Можно указать язык титров. Вот пример для французского: &cc_lang_pref=fr&cc_load_policy=1.

  • Код «cc_lang_pref» указывает язык титров для видео.
  • Код «cc_load_policy=1» включает титры по умолчанию.
  • «fr» – код для французского языка. Двузначные языковые коды приведены в стандарте ISO 639-1.

Добавляем видео с Youtube на свой сайт

Здравствуйте, дорогие читатели! С увеличением скорости интернета, видео в блоге стало не роскошью, а, чаще, необходимостью. Поэтому сегодня подробно расскажу как вставить видео с Youtube на свой сайт. Затрону и простые сайты на одном html и поясню, почему лучше хранить видео на Ютубе, чем заливать на свой сайт. Поехали!

Как добавить видео — инструкция

Заходим на Ютуб и находим видео, которое нас интересует. Находим под видео кнопку «Поделиться». Для вставки на сайт выбираем «HTML-код».

Можно сразу скопировать полученный код и добавить на блог, но я рекомендую перед этим перейти в настройки. Нажимаем «Еще».

Нам открывается раздел Youtube с настройками видео.

Поясню что они значат и какие из них вам нужны.

  • Размер видео — выбирайте под ширину вашего сайта. Если у вас адаптивный сайт, проверьте отображение на мобильных устройствах. При качественной верстке видео будет подстраиваться под ширину;
  • Показывать похожие видео после завершения просмотра — если вы добавили видео строго по теме, то рекомендую убрать галочку. Для развлекательных проектов и где задача удержать как можно больше посетителя на сайте — оставляйте;
  • Показывать панель управления — рекомендую включать: очень раздражает, когда не можешь промотать или остановить ролик;
  • Показывать название видео и функции проигрывателя — по желанию;
  • Включить режим повышенной конфиденциальности — если включить этот режим, то Youtube будет сохранять информацию о посетителях только в том случае, если они досмотрят ролик до конца. На деле ни на что не влияет.

Помимо видимых настроек, есть те, которые скрыты — дополнительные настройки видео:

  • autoplay=0 — начинает воспроизводить видео сразу после загрузки страницы. Не рекомендую;
  • loop=1 — зацикливает видео;
  • fs=0 — запрещает разворачивать видео на весь экран. Убирает соответствующую кнопку на панели управления;
  • fmt=6 — задает качество видео. fmt=18 — среднее, fmt=22 — наилучшее. Полезно применять только если у вас красивый красочный ролик, смысл которого именно передать красоту. Во всех остальных случаях советую оставить это на выбор зрителя;
  • iv_load_policy=3 — один из самых полезных параметров. Отключает аннотации к видео, такие как ссылки на канал автора и его другие ролики. Но не отключает рекламу Google.

Добавлять параметры просто: в коде после идентификатора видео добавляем знак «?» и пишем параметры, перечисляя их через «&». Ниже правильный пример:

Все способы, как можно вставить видео с Youtube на сайт

Иногда так хочется высказаться, объяснить суть происходящего, что даже не хватает слов. Поэтому начинаешь жестикулировать руками, пытаясь выразить переполняющие тебя чувства. Так бывает и с авторами контента, и для самовыражения кроме слов они иногда используют визуальные средства. Поэтому давайте разбираться, как вставить видео с youtube на сайт:

Читать еще:  Getvideo скачать с ютуба

Зачем сайту видео?

Люди, исповедующие консервативный взгляд на значение интернета в распространении информации, рассматривают его как цифровой вариант обычного печатного таблоида. Но прогрессивная часть пользовательской аудитории не готова мириться с таким мнением. Им мультимедийность подавай! Одним из таких веяний и является ретрансляция видео с Youtube на своем сайте.

  • Дополнительный источник дохода – за показ видеороликов владелец сайта получает деньги;
  • Дополнение к материалу – часто видео данные выступают дополнением к текстовому контенту. Это делает изложение информации более полным и исчерпывающим. Особенно эффективно использование такого дополнения во время обучающего процесса;

  • Как способ привлечения посетителей – можно вставить видео на сайт, чтобы увеличить популярность ресурса. Но для этого нужно использовать уникальные ролики, и лучше те, которых нет на популярных видео хостингах. Например, если вы являетесь автором какого-нибудь курса. И чтобы увеличить посещаемость своего сайта, бесплатно выкладываете на нем некоторые из уроков для просмотра;
  • В форме портфолио – подразумевается использование пространства ресурса для демонстрации своих возможностей как высококлассного специалиста в какой-либо сфере. Это могут быть видеоролики, в процессе съемки которых автор выступал режиссером и оператором. Или отснятая обстановка помещения, дизайн которой разрабатывался вами.
  • Как становится ясно из сказанного выше, видео на сайте может стать мощным инструментом популяризации, продвижения и заработка на своем ресурсе. Поэтому стоит более подробно ознакомиться со способами его размещения.

    Способы размещения видео на сайте

    Здесь мы рассмотрим наиболее популярные способы. Вот они:

    1. Вставка кода фрейма с Youtube – является наиболее легким методом реализации. Подходит для ретрансляции своего или чужого тематического видео с этого хостинга у себя на сайте. Код для вставки в html можно найти на страничке видеоролика в Youtube . Он находится сразу под окном плеера во вкладке « HTML-код »:


    Для начала давайте разберемся, что такое фрейм. Этот элемент в html позволяет отображать содержимое другой веб-страницы в дочернем окне, размещенном на странице основного сайта. Возьмем пример кода фрейма с приведенного выше рисунка:

    С помощью тега создается плавающий фрейм, который является своего рода контейнером, позволяющим загружать содержимое другой веб-страницы.

    • width – задается длина окна фрейма;
    • height – устанавливается высота окна плавающего фрейма;
    • src – путь к файлу, содержимое которого будет воспроизводиться;
    • frameborder – устанавливает отображение рамки вокруг фрейма. Поддерживаются значения yes или no, 1 или 0 (нет);
    • allowfullscreen – разрешение на полноэкранное отображение видео.

    Как видите, значение некоторых атрибутов можно с легкостью подправить под свои нужды. Прежде всего, это касается размеров отображаемого фрейма. Теперь осталось вставить его код в html вашего сайта. При этом главное учесть соразмерность окна вашего сайта и фрейма. Но если что-то пойдет не так, размеры можно легко подогнать.

    Для демонстрации мы взяли шаблон простого двухстраничного сайта. Код плавающего фрейма вставляется в любой из блоков


    А вот как отображается видео в плеере на странице нашего шаблона:

    1. Использование тега — позволяет размещать, воспроизводить и проигрывать видео на веб-странице. Его атрибуты:
    • autoplay – воспроизведение видео начинается сразу после загрузки страницы сайта;
    • controls – к ролику добавляется панель управления проигрывателем;
    • width, height – отвечают за размеры окна видеоплеера;
    • loop – включает автоматическое повторение воспроизведения видео сразу после его окончания;
    • poster – устанавливает картинку, которая будет отображаться, пока идет загрузка видео. Или если его воспроизведение недоступно;
    • preload – включает предварительную загрузку видео во время загрузки браузером веб-страницы;
    • src – задает путь к видеоролику.

    Как видно из примера, в тегах реализовано несколько вариантов источников. То есть перед тем, как вставить видео на сайт, его нужно будет « перегнать » в несколько форматов. В зависимости от поддерживаемого формата браузер сам выберет нужный ему вариант.

    Более детально о поддерживаемых различными браузерами форматах видео можно узнать из технической документации к языку html .

    Вот как это выглядит на нашем сайте:

    1. Использование видеоплееров на основе JavaScript и Flash – самый трудный для реализации вариант. « Вживления » кода таких плееров в ваш сайт требует специальных знаний и навыков. Наиболее оптимальным является бесплатный видеоплеер Spruto . На официальном сайте с помощью конструктора можно настроить его внешний вид и функционал приложения:.


    Затем нужно скачать его в виде архива или скрипта. При этом в комплект архива входит подробная документация для настройки и « безболезненной » интеграции видеоплеера на ваш ресурс:

    Интеграция видео на сайтах, развернутых на основе CMS

    1. WordPress – в этом популярном движке, начиная с версии 2.9, реализована поддержка вставки обычной ссылки на ролик, расположенный на одном из популярных видео хостингов. Для этого нужно всего лишь воспользоваться специальным шорткодом. Его синтаксис:

    • Заходим в админку сайта;
    • Слева в меню выбираем вкладку « Записи », « Добавить новую »;
    • Пишем заголовок записи;
    • Вставляем шорткод и ссылку на видео;
    • Справа жмем на « Опубликовать »:

    • Вот как выглядит добавленный видеоролик на странице сайта:


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

    Вот некоторые из них:

    • JW Player ;
    • Video.js ;
    • Spider Video Player .

    2. Joomla – с этим движком все обстоит не так просто. Поэтому лучше для вставки видео и аудио данных воспользоваться специализированными плагинами.

    Вот несколько проверенных:

    • AllVideos ;
    • Vidbox ;
    • AllVideos Reloaded .

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

    Вставляем видео с YouTube на сайт

    Здравствуйте, уважаемый посетитель!

    Сегодня мы затронем еще один вопрос оформления контента и посмотрим, как можно вставить видео с YouTube на сайт.

    Читать еще:  Делать шапку на ютуб онлайн

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

    При этом не надо забывать и о соблюдении требований авторских прав. Поэтому в данном случае мы рассмотрим вариант размещения видео с использованием функциональных возможностей, предлагаемых самим сервисом YouTube, а именно: с помощью стандартного видеоплеера YouTube. Что в соответствии с Условиями использования YouTube позволяет легально использовать этот сервис на своем сайте.

    Однако, следует учесть, что предоставляемый сервисом YouTube HTML-код видеороликов предусматривает применение контейнера с фиксированными значениями ширины и высоты. Что несколько затрудняет использования такого видеоплеера при встраивании его на сайты с резиновой версткой.

    Поэтому здесь будет показан не совсем ординарный, но достаточно простой способ использования стилей CSS. С помощью которого несложно будет решить эту проблему и отображать видео с YouTube с учетом резиновой верстки на всем диапазоне, который для нашего сайта составляет 320px÷1920px.

    • Получаем с YouTube нужный видеоролик
    • Вставляем HTML-код видео в оформляемую страницу
    • Встраиваем видеоплеер YouTube с помощью стилей CSS
    • Исходные файлы сайта

    Получаем с YouTube нужный видеоролик

    Как и ранее при создании сайта мы всегда стараемся использовать только легальные методы. И в данном случае мы не станем «по черному» скачивать видео и показывать его на своем сайте с помощью каких-либо сторонних видеоплееров. Так как такие действия, в случае отсутствия предварительного письменного разрешения YouTube, нарушают подпункт A пункта 5.1 Условия использования YouTube.

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

    Причем в этом случае не нарушаются авторские права обладателей видео, так как для такого показа будут доступны только те продукты, владельцы которых не против встраивания их на другие сайты. А это относится к подавляющему большинству имеющихся на хостинге видеороликов.

    Ну а теперь посмотрим, как это практически сделать на примере размещения следующей статьи сайта — «Статистика угонов за 1916 год». Где в первом разделе предусматривается использование видео по основной теме статьи. Ее HTML-код можно посмотреть в разделе Исходные файлы сайта в прилагаемых дополнительных материалах в файле «/articles/stati/statistika-ugonov-2016.php.»

    Для этого с начала откроем главную страницу YouTube и после поиска по нужной тематике найдем возможные варианты видео, как показано ниже на скриншоте.

    Рис.1 Подбор в YouTube видео нужной тематики

    После того, как мы просмотрим и выберем для вставки в оформляемую статью наиболее подходящий видеоролик, через кнопку «Поделиться» в открытой вкладке выберем опцию «Встроить».

    Рис.2 Выбор во вкладке Поделиться опции Встроить

    Ну а теперь осталось лишь только обычным способом скопировать HTML-код выбранного видеоролика.

    Рис.3 Копирование HTML-кода видеоролика

    Таким образом мы получили HTML-код видео, который нужно вставить в оформляемую страницу.

    Рис.4 HTML-код видео с YouTube

    В дополнение можно отметить, что получить HTML-код можно и другим способом. Для этого достаточно кликнуть правой кнопкой мыши по видео и в открывшемся окне выбрать опцию «Копировать HTML-код», как показано на следующем скриншоте.

    Рис.5 Копирование HTML-кода другим способом

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

    Вставляем HTML-код видео в оформляемую страницу

    Для того, чтобы иметь возможность отображать встраиваемое видео однотипно с используемыми в контенте изображениями, применим типовое решение по размещению графических элементов. При котором видеоплеер будет располагаться по центру с размером в 60% от ширины области контента (в предыдущей статье для этого типа мы определили класс «img-center60» ).

    А кроме того, для возможности стилизовать плеер для работы в режиме резиновой верстки, поместим полученный HTML-код в дополнительный блок-обвертку с классом «video-pleer» . В итоге фрагмент HTML-кода для вставки видео с YouTube примет следующий вид.

    Рис.6 HTML-код видео с YouTube

    Если теперь открыть страницу с добавленным HTML-кодом, то можно увидеть, что видеоплеер поместился, как и предполагалось, в центре области контента. Однако, его размер не соответствует тому, каким он должен быть при нормальном отображении графических элементов.

    Это обусловлено тем, что, как ранее отмечалось, в теге заданы фиксированные значения ширины и высоты. Что, естественно, не позволяет видеоплееру подстраиваться под нужный размер в зависимости от разрешения экрана.

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

    Рис.7 Вид видеоплеера с фиксированной шириной при разрешении 1920px.

    Рис.8 Вид видеоплеера с фиксированной шириной при разрешении 1280px.

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

    Встраиваем видеоплеер YouTube с помощью стилей CSS

    Для того, чтобы совместить встраиваемый видеоплеер с резиновой версткой сайта используем возможности, которые предоставляют свойства CSS. Так для блока-обвертки выполним следующие действия:

    Из тега с классом «img-center60» сформируем пустой элемент с относительным позиционированием relative, в который в дальнейшем разместим полученный с YouTube видеоплеер, представленный в виде тега .

    При этом высота его будет определяться не свойством height , а внутренним отступом, в данном случае padding-bottom .

    Назначим выше сформированному блоку пропорции размера, соответствующие формату, который определен атрибутами ширины и высоты тега ( width = «560» , height = «315» ). Нетрудно подсчитать, что эти пропорции соответствует стандартному формату видео 16:9 (560/35 : 315/35). При котором высота составляет 56.25% от ширины.

    А для полученного с YouTube контейнера с классом «video-pleer» определим:

    Ширину и высоту тега в относительных величинах со значением в 100% от родительского блока-обвертки .

    Читать еще:  Розовый фон для шапки на ютуб

    Это необходимо для того, что бы размер видеоплеера в дальнейшем определялся не фиксированными значениями ширины и высоты, а соответствовал размеру родительского блока. Который в свою очередь, помещенный в типовой контейнер с классом «img-center60» при использовании резиновой верстки подстраивался по ширине в зависимости от разрешения экрана.

    Кроме того назначим тегу абсолютное позиционирование absolute, тем самым определив местоположение видеоплеера внутри родительского блока-обвертки , которому ранее присвоено относительное позиционирование relative.

    В итоге все эти действия можно описать следующей таблицей стилей CSS:

    Как встроить плеер YouTube на сайт?

    Добавить плеер YouTube на сайт очень просто, и сегодня вы научитесь это делать. Также вам наверняка будет интересно узнать о дополнительных настройках плеера (размеры окна видео, автовоспроизведение, воспроизведение с определенного места и т. п.).

    Лучший способ вставить видео с YouTube на сайт

    Распространенная ошибка в попытке вставить YouTube-видео на сайт — добавление прямой ссылки на ролик в HTML-редактор.

    Ссылка на видео, конечно, добавится, но отражаться она будет так:

    То есть это обычная гиперссылка, кликнув по которой, пользователь попадет на страницу YouTube с размещенным видео.

    В принципе, никто не запрещает добавлять ссылки на видео именно так. Но пользователи, кликая по ним, покидают ваш сайт, и не факт, что вернутся.

    Для улучшения поведенческих факторов и удержания посетителей лучше, чтобы они смотрели видео прямо у вас на сайте. И здесь поможет лучший способ вставки видео с Ютуба — с помощью HTML.

    Инструкция по добавлению плеера с помощью HTML-кода

    1. Переходим на страницу видео, которое нужно добавить. Пусть это будет https://www.youtube.com/watch?v=Ppjq_BlOukQ.

    2. Нажимаем кнопку «Поделиться» под роликом, а потом (во всплывающем окне) — кнопку «Встроить».

    3. Копируем HTML-ссылку, заключенную в тег iframe:

    4. Добавляем ссылку в режиме HTML-редактора на свой сайт (если у вас CMS WordPress, необходимо добавлять ссылку в режиме «Текст»):

    5. Сохраняем и просматриваем результат:

    Вот и все — видео добавлено.

    Полезные настройки при вставке ролика через iframe

    Центрирование

    С первого взгляда видно, что ролик некрасиво встроен на страницу: окно маленькое, да и размещено несимметрично. В этом случае можно отцентрировать видео, заключив ссылку в тег:

    Изменение размера плеера

    Изменить размер плеера можно, поменяв значения параметров width и height в ссылке. Зададим width=810 и height=400. В результате видео точно соответствует области контента и смотрится эстетично:

    Время начала воспроизведения и другие настройки

    При вставке видео с Ютуба доступны полезные настройки:

    После добавления и снятия галочек код для вставки изменяется автоматически.

    Вот что можно настроить:

    • указать время начала воспроизведения (для этого устанавливаем галочку напротив надписи «Начало» и задаем время начала в секундах);
    • показывать похожие видео после просмотра (эта опция активирована по умолчанию; при желании галочку можно снять, и тогда пользователи не увидят списка похожих видео в конце ролика);
    • показывать панель управления проигрывателем (опция тоже активирована по умолчанию; если галочку снять, то пользователи не будут видеть полосу прокрутки и кнопки управления, расположенные внизу видео; остановить и развернуть ролик они смогут соответственно одиночным или двойным нажатием левой кнопкой мыши по области видео);
    • показывать название видео и панель действий (по умолчанию YouTube включает эту опцию; при ее отключении исчезает название ролика вверху области видео, а также кнопки «Просмотреть позже» и «Поделиться»);
    • включить режим повышенной конфиденциальности (опция отключена по умолчанию; если ее включить, то YouTube будет сохранять информацию о посетителях вашей страницы при условии просмотра видео).

    Добавили видео на сайт? А оптимизировать не забыли? Вот бесплатный интерактивный чек-лист, который поможет найти недочеты в оптимизации и подскажет, что делать.

    Настройки «для профи»

    Это были базовые настройки, доступные в окне вставки видео. Но есть еще «продвинутые» опции, доступные на странице Google для разработчиков «Демонстрация YouTube Player API».

    Для того чтобы настроить видео, необходимо добавить код идентификатора — это буквы после знака = в конце прямой ссылки на видео в YouTube:

    Копируем код, вставляем в соответствующее поле и нажимаем кнопку «Обновить проигрыватель с выбранными настройками»:

    Теперь нажимаем кнопку «Показать параметры проигрывателя» и видим развернутый список опций:

    Дополнительные настройки при вставке видео с Ютуба:

    • включить автоматическое проигрывание видео при открытии страницы (autoplay),
    • принудительно включить субтитры (cc_load_policy),
    • задать цветовую схему полосы прокрутки (color — красная или белая),
    • убрать кнопку перехода в полноэкранный режим (fs),
    • циклически воспроизводить видео (loop);
    • отключить элементы управления проигрывателем (controls);
    • задать список роликов, которые будут последователь но воспроизводиться (playlist) и т. д.

    Полный перечень и подробное описание функций представлены в справке Google.

    После настройки функций надо обязательно нажать кнопку «Обновить проигрыватель с выбранными настройками». После этого можно копировать ссылку и добавлять ее на сайт.

    Хотите, чтобы ваши видео собирали тысячи просмотров? Тогда им нужна оптимизация. Вот подробное руководство по самостоятельному аудиту YouTube-роликов.

    Если у вас на сайте много видеороликов, то упростить работу с ними можно при помощи специальных плагинов для CMS:

    • WordPress (YouTube Channel, Video Sidebar Widgets, Vixy YouTube Embed и т. п.);
    • Joomla! (AllVideos, Simple YouTube и др.);
    • ModX (Videobox);
    • Drupal (CKEditor Youtube).

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

    Заключение

    Вставить видео с YouTube просто — по сути, достаточно скопировать код и разместить на сайте. Но если вы хотите, чтобы плеер гармонично вписывался в дизайн и логику ресурса, необходимо внести изменения в код с помощью встроенных опций или YouTube Player API. Так вы сможете задать время начала воспроизведения, отключить элементы управления, зациклить видео и мн. др.

    Если вы только осваиваете YouTube в качестве автора, вам будет полезно пошаговое руководство по работе в этом видеохостинге, а также инструкция по SEO-оптимизации роликов.

    Ссылка на основную публикацию
    Adblock
    detector