Как на ucoz добавить видео
Школьный сайт на юкозе
Блог о том, как бесплатно создать школьный сайт на юкозе
Страницы
среда, 26 января 2011 г.
Занятие 13. Как вставить видео на сайт
На страницах сайта можно размещать не только текст и картинки, но и различные видео- и аудиофайлы.
Если у вас собралась коллекция интересных медиафайлов, то вы вполне можете поделиться ими с посетителями, вставив специальные скрипты в страницы своего сайта.
Вставим видеоролик с ютуба, mail.ru и других подобных сервисов
На странице с понравившимся видеороликом найдем ссылку на этот видеоролик и скопируем ее.
В том месте, где нужно будет разместить видео, наберите небольшой текст: «Здесь будет видео». Сохраните изменения и войдите на страницу через HTML-редактор.
В появившемся окошке в зависимости от наполнения вашей странички будет записан HTML-код этой страницы. Найдите там текст «Здесь будет видео», выделите его и на его место вставьте скопированный код видеоролика.
Теперь сохраните изменения и перейдите на страницу, чтобы посмотреть на полученный результат.
Как на ucoz добавить видео
Некоторые люди задают такой вопрос, как добавить видео на сайт ucoz? Пожалуй новички которые только что создали свой сайт на системе ucoz, не до конца понимают как работает эта система, и порой просто затрудняются в настройках, а тем более в наполнении своего сайта.
Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.
Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.
На этот раз, вопрос как добавить видео, мне задал человек на моём канале в youtube, он хотел узнать как можно добавить видео из популярного хостинга vimeo.com. Я ему записал урок на видео и решил поделится этими знаниями и на сайте.
Можно-ли загружать свои файлы?
В общем если есть деньги, можете смело воспользоваться данным вариантом, и загружать видео на свой сайт, но проблема в то-что, система ucoz позволяет загружать самый большой файл на сайт в размере 15мб, а некоторые видео вешают намного больше, до несколько Гигабайт.
Так-что самый простой способ найти посторонний хостинг, такой как Youtube или Vimeo и на него загружать видео, либо арендовать свой хостинг, в котором будут хранится ваши файлы. На начальном этапе развития сайта, я-бы выбрал первые два варианта а потом потихоньку перешёл на свой хост.
Приступим к добавлению видео
На следующей странице у нас откроется редактор, заполните категорию и название для своего видео, после найдите кнопку (Панель HTML кодов) и нажмите.
Теперь шагаем на youtube, найдём подходящее видео для своего сайта, под видео найдите кнопку поделится и нажмите на неё, откроется вкладка в которой найдите кнопку HTML-код и нажмите на неё, после должна открыться вкладка в которой находится код, скопируйте его.
Почти всё, перед добавлением видео на сайт, проверьте что-бы галочка которая добавляет автоматически тег
была снята, а иначе код может сломаться и видео работать не будет.
Тег
— Помогает разделять строчки в тексте, другими словами создаёт пустые строчки между текстом.
Всё осталось нажать на кнопку добавить, и видео должно попасть на сайт. Зайдите на страницу проверьте всё-ли работает, загружается видео, текст, если вы добавляли к видео его, отображается корректно.
Кстати советую к каждому видео добавлять текст и подбирать ключевые слова, а иначе к вам не будут заходить люди на сайт из поисковиков, но не в коем случае не берите тексты с других сайтов, а иначе сайт забанят в поисковиках. Лучше тексты пишите сами или заказывайте у копирайтеров.
Как вставить видео с Vimeo?
Всё тоже самое как и с ютубе, вам нужно получить код для видео и вставить его на сайт, вот и всё. Откройте любое видео на данном сайте, и найдите в самом плеере маленький самолётик, нажмите на него.
Должно открыться окно, в котором найдите код и скопируйте его.
и в месте с этим тегом, обведите мышкой остальной код, до закрывающего тега
. Как только обвели можете смело удалять часть этого кода
— Обычный тег, который помогает наш текст брать в абзац. Если текст очень большой, его удобно разделять при помощи данного тега, просто куски текста заключать в этот тег.
Остальная часть кода, отвечает за подгрузку на сайт видео, обведите его и выравнети по центру, в принципе всё это описано выше. Смотрите видео в нём наглядно увидите как это делаю я.
База знаний uCoz
В панели управления сайтом в списке модулей выберите «Видео» и на открывшейся странице в меню слева нажмите на пункт «Настройки»:
Откроется страница настроек модуля, которая содержит следующие разделы:
Основные
Название модуля
Комментарии
При включенной настройке «Уведомлять о новых комментариях по e-mail» на почту администратору будут приходить уведомления.
При выключенном социальном комментировании (как выключить?) появляются настройки отображения комментариев:
Можно отключить комментарии, задать количество комментариев на странице видео и канала, а также порядок их вывода.
Разработчикам
Материалы
Опции
Поля в форме добавления
В данном разделе указываются поля, которые отображаются при добавлении видео.
Чтобы добавить поле в форму, нажмите на иконку «+»:
И выберите поле из списка:
После добавления поле можно удалить:
Краткое описание
Пользовательские дополнительные поля
Когда пяти дополнительных полей недостаточно, можно подключить больше:
Укажите количество дополнительных полей, и они появятся в списке пункта «Поля в форме добавления».
Максимальное количество полей определяется тарифом:
Количество отображаемых материалов
Данная настройка позволяет указать количество видео, выводимых на одной странице категории или канала. Материалы, не попадающие в указанное количество видео, можно посмотреть на других страницах с помощью переключателя страниц ($PAGE_SELECTOR$).
Сортировка по умолчанию
Меню сортировки позволяет задать порядок вывода видео на страницах модуля. Материалы могут быть отсортированы по следующим параметрам:
Для следующих страниц может быть задан индивидуальный порядок сортировки:
Фильтры
Фильтры помогут посетителям быстрее находить интересующие их видео. Фильтры являются дополнительной возможностью, поэтому, если они вам не нужны, можете их не использовать.
Для модуля «Видео» может быть задано три фильтра. Подробнее о том, как создавать и использовать фильтры, читайте в этой инструкции.
Внешний вид
Основное
После включения настройки «Выводить видео в отдельном окне» просмотр видео будет выполняться во всплывающем окне:
Количество колонок
Настройки регулируют количество колонок для списка видео в категориях и каналах. Допустимое количество колонок — от 1 до 10.
Пример отображения для одной колонки:
Тот же пример для трех колонок:
Меню сортировки
Раздел позволяет настроить отображение меню сортировки на страницах категорий и каналов. Чтобы меню отображалось на сайте, включите настройку «Активировать». Ниже укажите поля, по которым пользователи смогут сортировать материалы и каналы модуля.
Так меню выглядит на сайте:
Дополнительно
Выводить описание категорий в меню под названием категории. После подключения данной опции в блоке с списком категорий кроме названия категории еще и будет выводиться ее описание если вы при создании категории заполняли поле описание.
Изображения
Чтобы данный раздел появился в настройках, необходимо добавить поле «Скриншоты» на страницу добавления материала.
Количество
Опция задает максимальное количество изображений, которое может быть прикреплено пользователем к видео. Допустимые значения — от 1 до 50. Настройка не ограничивает количество изображений для групп пользователей с правами «Редактировать и удалять все материалы» (администраторы и модераторы).
Обратите внимание, что у пользователей останется возможность разместить изображения с помощью визуального редактора, просто указав ссылку на картинку. Такие изображения не участвуют в подсчете максимального количества прикрепляемых.
Размеры
Все изображения после прикрепления к объявлению имеют уменьшенные копии. Данные настройки устанавливают размеры уменьшенных копий и максимальные размеры полных изображений. Все изображения, которые больше указанного размера, будут пропорционально уменьшены.
Ширина и высота уменьшенного изображения в пикселях — от 1 до 9999 пикселей. Уменьшенные копии служат для вывода анонсов объявлений в списке (шаблон «Вид материалов»). Уменьшение копий позволит пользователям загружать страницы со списками быстрее.
Максимальные размеры полного изображения в пикселях — от 0 до 9999 (если заданы значения 0x0, сохранятся оригинальные размеры). Все изображения, которые больше указанного размера, будут пропорционально уменьшены.
Ограничения
Удалить модуль
Удаление модуля влечет за собой удаление всей информации, каким-либо образом связанной с данным модулем: баз данных, настроек, шаблонов и т.д.
Для удаления модуля потребуется ввести ответ на секретный вопрос:
Если вы делали резервное копирование сайта, модуль может быть восстановлен со всеми данными, которые были добавлены на момент создания резервной копии.
База знаний uCoz
Инструкция содержит следующие разделы:
Способы добавления видео на сайт
Существует три способа добавления видео на сайт:
Все три способа актуальны при добавлении ролика через панель инструментов или с главной страницы модуля. В панели управления видео добавляется по ссылке или коду.
Ссылка
Указывается ссылка, которую можно скопировать из адресной строки с видеороликом. В данном случае используются технологии oEmbed. Поддерживаются сервисы Youtube.com, Rutube.ru, Vimeo.com, Dailymotion.com, Сoub.com.
Некоторые хостинги предлагают размещать видео на своих сайтах с помощью HTML-кодов плееров. В коде видеоролика можно указывать IFRAME-, EMBED-, SCRIPT-элементы. Однако в целях безопасности мы используем свою базу сервисов, которые можно использовать в данной вкладке.
Список доступных сервисов:
Данная база пополняется. Предложить видеосервис, которого ещё нет у нас в базе, вы можете в теме http://forum.ucoz.ru/forum/54-41178-1.
Перейдите на страницу видео. Под плеером кликните «Код для блога» (или «HTML-код»). После этого вам будет выдан код. Например:
Полученный код пропишите в поле «Код для вставки видео» и заполните остальные поля.
Если у вас есть видеоролик, который вы хотите опубликовать на сайте, выбирайте этот вариант. Потребуется подключить аккаунт Youtube.
Чтобы пользователи могли загружать свои файлы через форму на сайте в панели управления («Видео» / «Настройки» / «Материалы») нужно включить опцию «Загрузка материалов на YouTube». Для добавления файла через панель управления включать эту опцию не требуется.
Все видео, которые вы будете загружать со своего компьютера, будут автоматически в данном сервисе (Youtube). Автоматически получаются данные:
Добавление видео через панель управления
В панели управления сайтом выберите модуль «Видео» из списка:
На открывшейся странице нажмите на кнопку «Добавить»:
Откроется окно выбора способа добавления видео (способы мы рассматривали выше):
После загрузки видео одним из способов появятся дополнительные поля, в которых можно указать информацию о видео:
Поля со значениями фильтров появляются после создания фильтров. В нашем примере выше создан фильтр (Год) с множественным выбором.
Когда закончите заполнять все поля материала, нажмите на кнопку «Добавить», и видео появится в списке:
Добавление видео через панель инструментов
Панель инструментов содержит раздел, который позволяет быстро переходить к добавлению видеоматериалов на сайт. Нажмите на иконку «+» и выберите модуль, в который хотите добавить материал:
Откроется страница добавления видео:
Выберите способ добавления видео (способы мы рассматривали ранее). Для внесения данных о видео нажмите на ссылку «Дополнительно»:
Пользователи могут выбирать, нужно ли публиковать видео в их пользовательском канале:
Если нажать на логин пользователя, появится окно с настройками канала:
Можно изменить название и описание канала, а также прикрепить скриншот к каналу. Страница канала позволяет оставлять комментарии. Для этого нужно активировать настройку «Позволить оставлять комментарии». Чтобы узнать больше о каналах, читайте инструкцию.
Нажмите на кнопку «Добавить видео», и новый материал будет добавлен на сайт.
Чтобы изменить состав полей при добавлении видео, зайдите в настройки модуля «Видео» и в разделе «Материалы» добейтесь желаемого результата:
Добавление видео с главной страницы модуля
В шаблоне страниц каталога может быть размещена ссылка, ведущая на страницу добавления видео. Ссылка имеет следующий вид:
Чтобы ссылка появилась в шаблоне, добавьте в него следующий код:
При переходе по этой ссылке откроется страница добавления видео.
Можно ли вставить видео в ЮКОЗ с видео портала VIMEO.COM?
Здравствуйте друзья и снова в очередной раз с вами Татьяна Сухих. Как вы уже догадались речь сегодня пойдёт о том, как добавить видео на свой сайт в uCoz. Почему я затронула этот вопрос?
Комментарий к видео
Я написала статью о том, как создать сайт на этом движке и сделала видео, и к видео на ютюбе пришёл комментарий, на который я с удовольствием отвечаю.
Я часто буду делать такие статьи с ответами на вопросы людей, но и поэтапное заполнение сайта тоже запланировано. Поэтому следите за обновлениями и подписывайтесь, чтобы ни чего не пропустить.
Итак, приступим без лишней болтологии четко и к делу, это же ответ на вопрос и он должен быть без лишней воды))
Прежде чем внести видео на сайт мы заходим в панель управления сайтом через логин и пароль, затем переходим на сам сайт и входим, как администратор через кнопки социальных сетей или через свой ID, я вхожу всегда через ID.
В видео я рассказываю и показываю поэтапно все действия, а ниже подробное объяснение и скрины, думаю вам будет удобно увидеть более четкие картинки.
Чтобы рассмотреть картинку нажмите на неё.
После этого вам выйдет визуальный редактор для добавления новости, очень удобный для добавления информации, немного схож с обычным вордовским документом.
Но мы переходим в панель HTML кодов, куда и будем вставлять код видео, который нужно взять с сайта VIMEO.COM
Выбрать видео для занесения его на свой сайт и взять HTML код для вставки в форму добавления новости на своём сайте. Для этого нужно на самом видео найти белый самолётик, он предназначен для распространения видео в соцсетях и других ресурсах.
Появляется форма, где вы находите код HTML, кликаете на него, он полностью отображается и уже выделен для копирования голубым цветом, вам остаётся навести курсор на него, нажать правой клавишей мышки и скопировать нужные данные. Затем перейти на свой сайт для вставки кода в форму добавления.
После чего переходим в ВИЗУАЛЬНЫЙ РЕДАКТОР и редактируем по своему усмотрению, мы можем увеличить размер шрифта, выбрать удобный шрифт для чтения, задать ему определённый цвет и т.д.
Вы можете поиграть в редакторе, загрузить изображения или файлы, убрать галочку, чтобы пользователи не комментировали эту новость, нажать социальные кнопки и при добавлении новости ваша информация автоматом распространится в этих сетях, если у вас они привязаны к сайту.
И последнее, что вам нужно сделать — это нажать на кнопку ДОБАВИТЬ, она находится ниже в сером прямоугольнике. Кстати почему я так подробно рассказываю, вплоть до цвета кнопки? Вы знаете когда я была абсолютным чайником, для меня эта информация была ой как полезна, поэтому я ориентируюсь не только на людей которые уже что — то шарят в инэте, но и начинающих интернет пользователей.
Добавить и перейти на страницу МАТЕРИАЛА, там вы видите своё видео с текстом, а под ним форма для комментариев, также ваша новость будет отображаться на главной странице сайта.
На этом я буду заканчивать, в следующий раз я расскажу как добавить видео с ютюба и отвечу на все ваши вопросы, если они возникнут по ходу работы с сайтом. Для того чтобы быть в курсе событий на блоге подписывайтесь на обновления.
А я прощаюсь с вами до завтра, с уважением, Татьяна Сухих.