Сегодня у нас открылась новая рубрика «Сайт и блог», и новую статью этой рубрики, мы посвятим читателям, которые только начинают осваивать популярнейшее сейчас занятие — сайтоведение, или блоггерство.
Думаю, что многие начинающие вебмастера, видели, как на других сайтах и блогах, демонстрируется видео из такого сервиса, как YouTube.
Такое видео, позволяет не только обеспечить большую привлекательность сайту, но и демонстрировать, записанные в домашних условиях ролики.
Для владельцев большинства CMS (движковых сайтов), это не проблема.
Создатели этих CMS, позаботились о такой возможности, и встроили в сам движок или при помощи дополнительных плагинов, как например в WordPress, обеспечили пользователям сей приятный бонус.
Что же делать тем, кто лишен такой возможности по причине отсутствия её в используемом движке, или просто не желает нагружать свой сайт, лишними прибамбасами, ведь, чем больше запущено плагинов, тем тяжелее работает сам сайт или блог?
Адаптивное видео с YouTube правильно (HTML, CSS, JS)
Другой вариант, вы просто не собираетесь использовать данную возможность постоянно, а возникла разовая необходимость?
Оказывается, сделать это совсем не трудно.
Просто идем на сервис YouTube, и он сам дает нам все необходимые инструменты.
Вбиваем в поиск нужную нам группу или песню:
Выбираем понравившуюся композицию, и жмем по ней.
У нас откроется окно с песней, а под ним кнопки:
Откроется панель настройки кода для вставки в сайт:
Жмем кнопку «Встроить» — обведена красным цветом.
Панель развернется. В настройках выбираем размер нужного нам окна, а если нет подходящего, то прописываем размер в пикселях, вручную.
Эта зона обведена зеленым.
Ставим галочки в желаемом поведении окна видео на сайте, — Синяя зона.
И копируем полученный код из сиреневой зоны.
После всех этих манипуляций, вставляем код в статью, и обеспечиваем развлечение читателям.
Надеюсь, что статья вам помогла.
До свидания, и всего вам доброго!
Прошло некоторое время, и сервис YouTube изменил некоторые настройки.
Инструкция по установке видео на сайт с обновленными параметрами здесь:
Как вставить видео с YouTube в сайт. Новые правила сервиса.
Понравилась статья? Покажите её друзьям.
Источник: www.e-tematika.com
Как вставить YouTube видео на сайт
Если у Вас есть свой сайт/блог и собственный канал на YouTube, то следует объединить усилия в продвижении.
Как добавить видео с ютуба на сайт HTML?
Можно вставить видео на сайт и за счёт этого раскрутить канал на YouTube. Посетители сайта будут просматривать Ваши ролики, а это увеличит количество просмотров и популярность самого сайта.
Также можно продвигать свои видео на различных форумах, блогах, соц. сетях. Для этого достаточно скопировать HTML-код.
Как это сделать, Вы сейчас узнаете.
Как вставить YouTube видео на сайт
Если Вы хотите добавить своё видео на сайт, то проделываем все шаги, если чужое, то переходим сразу к 3 пункту :
1. Через «Менеджер видео» изменяем ролик для внесение некоторых настроек.
- Можно добавить видео на YouTube и сразу указать все настройки;
2. В четвёртой вкладке ставим галочку возле значения «Разрешить встраивание видео» .
3. Открываем видео, жмём на кнопку «Поделиться» , выбираем вкладку «HTML-код» и копируем всю строку.
- Если вкладки «HTML-код» нет, то это означает, что создатель видео не выполнил 2 пункт (не разрешает встраивать видео), как вариант — скачать видео с YouTube и загрузить его на сайт;
4. Теперь на своём сайте (блоге, форуме) вставляем html-код в том месте, где хотим видеть видео (надеюсь, Вы знаете, куда вставлять код).
- Можно изменить ширину (width) и высоту (height) в коде;
Таким образом посетители сайта могут посмотреть Ваши видеозаписи. Если сайт высокопосещаемый, то Вы увеличите свой заработок на YouTube.
Источник: socseti4you.ru
Как добавить видео на сайт ucoz с Youtube и Vimeo | Как создать сайт на конструкторе, на движке или своими руками
Некоторые люди задают такой вопрос, как добавить видео на сайт ucoz? Пожалуй новички которые только что создали свой сайт на системе ucoz, не до конца понимают как работает эта система, и порой просто затрудняются в настройках, а тем более в наполнении своего сайта.
Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.
Рекомендую почитать:
На этот раз, вопрос как добавить видео, мне задал человек на моём канале в youtube, он хотел узнать как можно добавить видео из популярного хостинга vimeo.com. Я ему записал урок на видео и решил поделится этими знаниями и на сайте.
На сколько я понимаю из моего опыта, на любых видео порталах можно брать специальный код, и этот код размещать у себя на сайте — при помощи данного кода, на наш сайт подгружается видео. Так вот, сегодня разберём как добавлять на свой сайт видео с Youtube и Vimeo.
Можно-ли загружать свои файлы?
Давайте разберём сразу такой вопрос — как загрузить видео на свой сайт ucoz? Всё очень просто, не как!? Дело в том что, на сайте при его создание, выделяется всего 400 мб, и если загрузить несколько видео на сайт, место кончится и возможность добавлять новые видео материалы на сайт — тоже отключится, на сайте даже нельзя будет редактировать дизайн, потому-что при сохранении его, вылезет сообщение не хватает места на диске.
Есть конечно другой вариант, купить место на диске, но 20 GB стоит 16$ — это самый большой размер на сайте, хотя если написать в службу поддержки, может за определённую суму выделят ещё место.
В общем если есть деньги, можете смело воспользоваться данным вариантом, и загружать видео на свой сайт, но проблема в то-что, система ucoz позволяет загружать самый большой файл на сайт в размере 15мб, а некоторые видео вешают намного больше, до несколько Гигабайт.
Так-что самый простой способ найти посторонний хостинг, такой как Youtube или Vimeo и на него загружать видео, либо арендовать свой хостинг, в котором будут хранится ваши файлы. На начальном этапе развития сайта, я-бы выбрал первые два варианта а потом потихоньку перешёл на свой хост.
Приступим к добавлению видео
Для начало зайдите на сайт, авторизуйтесь как администратор и нажмите кнопку добавить новый материал на сайт, или добавить новость — всё зависит куда мы хотим добавить видео, в моём случаи это главная страница. По ссылке выше, вы можете полностью изучить уроки по добавлению материала на сайт.
На следующей странице у нас откроется редактор, заполните категорию и название для своего видео, после найдите кнопку (Панель HTML кодов) и нажмите.
Теперь шагаем на youtube, найдём подходящее видео для своего сайта, под видео найдите кнопку поделится и нажмите на неё, откроется вкладка в которой найдите кнопку HTML-код и нажмите на неё, после должна открыться вкладка в которой находится код, скопируйте его.
Теперь перейдём на свой сайт и вставим данный код в HTML редактор. Если вставили код, обведите его мышкой, чтобы он стал синим и нажмите кнопку выравнивание. Данная кнопка поможет видео выровнять по центру страницы — это мы увидим после добавления видео на сайт, или можно переключится на визуальный редактор и посмотреть.
После нажатия по кнопке выравнять по центру, к нашему коду добавится тег — (div). Это блочный тег, который имеет открывающий и закрывающий тег, их ещё называют контейнеры. Выглядит это так —
В открывающем теги есть ещё атрибут align и у него значение center, как раз значение центр и выравнивает наше видео или всё что было помещено промеж этих двух тегов по центру. В коде для видео, найдите два атрибута width и height — если у них поменять значение, а в данном случае это цифры, тогда видео наше станет в первом случае шире (width — ширина) а во втором выше (height — высота).
Почти всё, перед добавлением видео на сайт, проверьте что-бы галочка которая добавляет автоматически тег
была снята, а иначе код может сломаться и видео работать не будет.
Тег
— Помогает разделять строчки в тексте, другими словами создаёт пустые строчки между текстом.
Всё осталось нажать на кнопку добавить, и видео должно попасть на сайт. Зайдите на страницу проверьте всё-ли работает, загружается видео, текст, если вы добавляли к видео его, отображается корректно.
Кстати советую к каждому видео добавлять текст и подбирать ключевые слова, а иначе к вам не будут заходить люди на сайт из поисковиков, но не в коем случае не берите тексты с других сайтов, а иначе сайт забанят в поисковиках. Лучше тексты пишите сами или заказывайте у копирайтеров.
Как вставить видео с Vimeo?
Всё тоже самое как и с ютубе, вам нужно получить код для видео и вставить его на сайт, вот и всё. Откройте любое видео на данном сайте, и найдите в самом плеере маленький самолётик, нажмите на него.
Должно открыться окно, в котором найдите код и скопируйте его.
