Как вставить видео на сайт? Основные способы. Как вставить видео на сайт


Как вставить видео на сайт? Основные способы

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

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

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

Существует разные подходы к созданию сайта. Кто-то использует самописные HTML-шаблоны, кто-то применяет готовые решения в виде популярных CMS для разработки и управления элементами веб-ресурса. Однако существует два основных и поистине универсальных способа того, как вставить видео на сайт.

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

1) размещать видео на своем сервере, переживая за место, объемы файлов и т. п.;

2) нет необходимости заниматься кодировкой, исправляя формат и т. д.;

3) можно не переживать за нагрузку на сервер и, соответственно, за скорость проигрывания материалов на компьютере пользователя.вставить видео в html

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

Второй способ заключается в использовании специальных видеоплееров. Их есть довольно много, и не составит никакого труда подобрать хороший бесплатный вариант, чтобы вставить видео. В Html-код вводят необходимые изменения. Более подробную инструкцию предложит разработчик выбранного плеера. Следует отметить, что современные программные продукты такого плана имеют настраиваемый дизайн, что поможет им гармонично "влиться" в окружающую среду веб-страницы.

fb.ru

Как вставить видео на сайт. | ТВОЙ ПОМОЩНИК

Написал Елена Молгачева в 29 мая 2012, 13:38 Отредактировано: 5 апреля 2016, 09:25

видео--и-фото

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

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

Вы не поверите, но вставить видео на сайт с движком на WordPress оказывается очень просто.

Дело в том, что WordPress позволяет легко добавить видео, т.к. эта функция в него уже встроена.

Главное, проверить, стоит ли соответствующая галочка в настройках (до версии WordPress 3.5). А начиная с версии  Wordpress 3.5, этого делать уже не нужно, и там даже такого пункта нет (все уже встроено).

Клацни по картинке, она увеличится.Настройка-Wordpress-МедиаДалее возникает вопрос: где взять видео?

Лучше всего зарегистрироваться на сайтах с видео обменом. Фаворит здесь, конечно же,  YouTube.

Но есть и другие: rutube.ru, video.mail.ru, video.yandex.ru и многие другие…

Итак, регистрируемся и заводим свой аккаунт на YouTube.

Как только Вы сделаете это, то у Вас сразу же появится возможность найти и вставить видео на сайт. Для этого нужно выбрать понравившееся видео, нажать под ним на кнопку  «Поделиться» и «Сгенерировать HTML код», и Вам будет предоставлен код (размер окна видео можно подобрать на свой вкус).

Как-вставить-видео--YouTube

Копируем код, размещаем его в нужное место своей статьи  (в режиме редактирования HTML, а для WordPress 3.5  — Текст), и таким образом у нас получится добавить видео на сайт. Проверяем, переключившись в режим редактирования — Визуально.  Должен появиться прямоугольник по размерам указанного видео. Все сохраняем и переходим на сайт. Готово! Видео можно просматривать.

Видите, как просто! Можно еще убрать галочку в элементе управления «Показывать похожие видео после завершения просмотра», чтобы посетители не покидали сайт. А галочку элемента управления «Использовать старый код встраивания» можно наоборот поставить, если Вам так удобней, и Вы привыкли использовать старый код.

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

А как же сделать так, чтобы это было Ваше видео, и чтобы оно рекламировало именно Вас и Ваш сайт?

Самое простое: загрузить в свой аккаунт на YouTube свое видео (со своего компьютера). Это может быть Ваша собственная видео съемка, но допускается использовать и чужую.

Видео можно скачать с того  же YouTube или откуда-то еще. Для этого существуют специальные программы. Например, Freemake, которая распространяется бесплатно. Устанавливаем эту программу у себя на компьютере, и качаем любое видео сначала к себе на компьютер. Затем видео можно слегка обработать, с помощью специальных программ, например, Camtasia.

После обработки закачиваем видео обратно на YouTube, но уже в свой аккаунт, и теперь можно вставить видео на сайт уже оттуда. YouTube, конечно, может вычислить, что использовано чужое видео. Но если оно выставлено на YouTube и предназначено для общего просмотра и распространения, то никаких санкций не последует. При закачке видео на YouTube необходимо заполнить соответствующие поля для видео: заголовок, описание и ключевые слова (аналогично, как для оптимизации статьи на Вашем сайте).

Но лучше, конечно использовать свое оригинальное видео. Будем учиться снимать и монтировать! В жизни все пригодится!

Можно вставить видео и непосредственно к себе на сайт. Существуют специальные плагины, например, All in One video Pack. Но видео занимаем много места, поэтому вариант с сайтом видео обмена предпочтительней. Выгода здесь двойная: и места не занимает, и будет рекламировать Вас еще и на YouTube, так как Ваше видео будет участвовать в тамошнем поиске, и возможно привлечет внимание посетителей на YouTube. И желающие заглянут на Ваш сайт оттуда.

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

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

Ну, и напоследок, т.к. свое видео снимать и монтировать я еще только учусь, я хочу вставить видео тренинг-центра «Твой старт» под названием «Типичная ошибка владельцев своих сайтов номер 1», где даются очень дельные советы.

Кто еще не знает или уже забыл, что это за ошибка, посмотрите обязательно!

Желаю творческих успехов в видео съемке и монтаже!

Осваивайте, как добавить видео на сайт. Нужное это дело.

tvoy-internet.ru

Как вставить видео на сайт; вставить видеоплеер на ваш сайт.

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

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

Как это работает

1Выбери скин видео плеера

2Загрузи несколько видео файлов

3Вставь код в страницу

 

Вставь видео плеер используя три легких, простых шага.

1

Выбери дизайн видео плеера

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

2

Загрузи видео

Загрузите ваши видео файлы, затем добавьте, организуйте и расставьте их в ваши папки na облаке Cincopa. Преобразования и перекодирование ваших исходных видеозаписей будет сделано автоматически, приложением Cincopa так, чтобы ваше видео было в лучшем качестве на любом устройстве (смартфоне, декстопе или планшете). Запомните, всегда можете добавлять, редактировать и удалять свои видео-галереи.

3

Вставь код

После выбора подходящего метода для ваших веб-страниц (WordPress, Joomla, HTML и т.д.), Cincopa создаст надлежащий код для вставки видео на вашем сайте. Обратите внимание, что перед тем, как скопировать и вставить код в CMS, вам придется скачать требуемое расширение (плагин, модуль и т.д.). Вставить видео можно в любом месте на вашей странице; просто вставьте код, который вы получили там где вы хотите, чтобы было показано ваше видео.

Check Out Cincopa's Video Player Skins and Demos

Cincopa не только обеспечит вас необходимыми инструментами, для вставки видео на сайт, но также предоставит вам комплексное решение для всех производных потребностей, таких как быстрый и надежный потоковой видеохостинг и безопаснaя передачa файлов. Приложение Cincopa гарантирует вам высокое качество, сжатие и совместимость ваших видеороликов и поддерживает все популярные видео форматы. Как упоминалось ранее, для того, чтобы вставить видеоплееры в CMS платформы, в первую очередь необходимо скачать правильное расширение. Это может быть Cincopa видео плагин для WordPress, если CMS вашего сайта это WordPress; видео модуль для Joomla или модуль Drupal; все зависит от вашей системы управления сайтом. Эти расширения бесплатные, c полнoй документацией и крайне просты в установке.

Вставка видео с любого URL

Создание видео плееров используя конструктор видео галерей Cincopa, является довольно простым процессом, по крайней мере с вашей стороны. Вам остается сосредоточиться в создании или нахождении правильного видео, на том, что оно должно улучшить ваш сайт, а не просто украсить его. Создайте свою собственную видеопродукцию, или используйте удивительную видео функцию Cincopa, которая дает возможность скачивать видео файл из любого URL и загружать его как свой собственный. Функция вставки видео с URL дает вам полный контроль над внешним видом и содержанием видеоплеера. Услуги Cincopa, продукты и инструменты для большинства пользователей являются бесплатными. Откройте бесплатный аккаунт, создайте галерею и вставляйте видео плееры в любые HTML страницы или в платформы CMS, такие как WordPress, Joomla, Drupal, Blogger, Ning, Typepad и многие другие.

www.cincopa.com

Как вставить видео на сайт

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

Почему нужно вставлять видео?

Заглянем в прошлое, когда в интернете не было такого разнообразия видео, которые мы любим смотреть на Youtube.

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

Прогресс идет, мир развивается, а молниеносными темпами развитие касается направления интернета и всякой различной электроники. Так, немного отошел я от темы

Не забывайте кстати подписываться на обновления блога

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

Хотите показать последовательные действия как и что делать? Нет проблем, запишите свой видеоурок. Разместите на Youtube или Вконтакте, и внесите код на свою страницу. Вот и готово! Ниже мы рассмотрим как это делается.

Какие еще преимущества дают видео на Ваших сайтах? Почему многие размещают в конце статьи какой-то прикольный или полезный видеоролик?

Этими действиями улучшаются поведенческие факторы на сайте. Увеличивается время проведенное посетителем на блоге или сайте.

поведенческие факторы

Посетитель, просматривая встроенное видео, таким образом улучшает Ваши показатели : ( качество сайта, посещаемость ) в глазах поисковых систем ( Яндекс & Google )

Кстати есть интересная статья, можете почитать про оптимизацию и ускорение блога

Теперь понимаете почему можно часто встретить на разных блогах видео в конце статьи. Это не просто так делается!

Как вставить видео на сайт

Работаем с Youtube

Для того чтобы загрузить файл на Youtube, Вам необходимо иметь учетную запись на Google, достаточно будет зарегистрировать почту Gmail, и зайти на сайт www.youtube.com В правом углу находите кнопку «Добавить видео»

добавить видео на ютуб

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

загрузка файла на ютуб

Ждете, когда завершиться загрузка, затем прописываете заголовок, описание видео. Выбираете миниатюру для показа и нажимаете «Опубликовать»

готовый файл ютуб

Переходите на Ваше загруженное видео, либо через короткую ссылку, либо через менеджер видео. Если есть необходимость меняете размер окна, которое будет показываться на сайте. Ниже находите кнопку «Поделиться» и выбираете «HTML код» — вот этот код и будем вставлять себе на блог в режиме !!!! ВНИМАНИЕ !!! ТЕКСТ 

код для публикации видео

Вставку кода в запись делаю для платформы WordPress, в режиме ТЕКСТ, заодно сразу центрирую его по центру тегами <div align="center">...код видео...</div>

1 2 3 <div align="center"> <iframe src="//www.youtube.com/embed/6-qvwtFFwp0" frameborder="0" allowfullscreen></iframe> </div>

<div align="center"> <iframe src="//www.youtube.com/embed/6-qvwtFFwp0" frameborder="0" allowfullscreen></iframe> </div>

Работаем с Вконтакте

Учить загружать видео не буду, там и так все понятно. А вот откуда взять код для публикации смотрим и перенимаем

экспорт видео вконтакте

Копируете код, который видите в новом окне

код видео вконтакте

Вставку кода в запись делаю для платформы WordPress, в режиме ТЕКСТ, заодно сразу центрирую его по центру тегами <div align="center">...код видео...</div>

1 2 3 <div align="center"> <iframe src="http://vk.com/video_ext.php?oid=2556121&id=131233443&hash=8ccad299c8bba11e&sd" frameborder="0"></iframe> </div>

<div align="center"> <iframe src="http://vk.com/video_ext.php?oid=2556121&id=131233443&hash=8ccad299c8bba11e&sd" frameborder="0"></iframe> </div>

Результаты работы по вставке видео из Youtube и Вконтакте

vpluce.ru

Как вставить видео на сайт?

  • Главная
  • ->
  • Материалы
  • ->
  • Как вставить видео на сайт?

Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс "Практика HTML5 и CSS3"

Освойте бесплатно пошаговый видеокурс

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

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

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

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс "Сайт на WordPress"

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.

Назад Вперед

Как вставить видео на сайт?

Зачастую бывает необходимо вставить на сайт видеоконтент, но при этом по каким-либо причинам Вы не хотите пользоваться сервисами, вроде YouTube или Vimeo.

В этом случае нужно искать альтернативные варианты. Одной из таких альтернатив может быть использование плеера Flowplayer для вставки видео на сайт.

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

Однако использование сервисов имеет определенные минусы:

- где-то Вы не можете загрузить видео больше некоторой установленной сервисом продолжительности

- где-то можете загрузить не больше N мегабайт за единицу времени

- какие-то сервисы и вовсе могут просто удалить загруженные Вами файлы

Хостинг

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

Один из плееров, позволяющих реализовать такую модель работы - это Flowplayer.

В видео Вы узнаете:

1. Где можно скачать Flowplayer2. Какие файлы нам понадобятся для работы3. Как подключить необходимые файлы к нашему документу4. Какие форматы видео можно использовать5. Где нужно указывать путь до воспроизводимого файла6. Как задавать настройки воспроизведения для видеофайла

Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.

Хостинг

Понравился материал и хотите отблагодарить? Просто поделитесь с друзьями и коллегами!

Смотрите также:

Наверх

www.codeharmony.ru

Как вставить видео на сайт.

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

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

Сайты, которые мы видим в интернете, не висят в воздухе. Они располагаются на мощных компьютерах-серверах компаний предоставляющих комплекс услуг для размещения сайтов и их показа в интернет. Любой сайт на сервере хостинг провайдера, так называют эти компании, занимает какое-либо дисковое пространство. По договору с хостинг провайдером дисковое пространство сайта ограничено и за него надо платить. Как правило, дисковое пространство, которое мы арендуем у провайдера, занимает на сервере провайдера несколько гигабайт. Как известно, видео файлы имеют большие размеры – от сотни мегабайт и выше, всё зависит от качества видео и времени воспроизведения. В результате, мы имеем возможность загрузить на свой сайт пару десятков видео файлов, и всё!

Использование видеохостинга имеет ещё и другие преимущества. Одно из них – Ваш видеоролик будет показываться не только на сайте, а ещё и для широкого круга посетителей видеохостинга. Дополнительно, если Ваш видеоролик окажется достаточно интересным и популярным для посетителей видеохостинга, хозяева видеохостинга могут предложить Вам оплату за показы Вашего видео.

Как вставить видео на сайт с YouTube.

В настоящее время наиболее популярный, качественный и надежный видеохостинг – это YouTube. Чтобы иметь возможность пользоваться всеми его сервисами, необходимо на нём зарегистрироваться.

Регистрация и загрузка видео на YouTube.

Заходим по адресу http://www.youtube.com. В правом верхнем окне видим кнопку «Войти», жмём на неё. Открывается окно входа в аккаунт Google. Если Вы имеете Google-почту, вставляете адрес своей почты и пароль. Рассмотрим случай, когда Вы не имеете Google-почты. Нажимаем на кнопку «Создайте аккаунт».

Вход в аккаунт Google.

В открывшемся окне создания аккаунта заполняем все поля, внимательно следя за подсказками, которые выдает система, и нажимаем кнопку «Далее».

Создаём аккаунт Google.

Система Вам предложит добавить фото, но это можно сделать и потом. Жмем «Дальше».

Предложение добавить фото.

Google нас поздравляет с открытием аккаунта, говорим ему спасибо и жмем на кнопку «Назад к сервису YouTube».

Поздравление Google.

В открывшемся окне приветствия YouTube жмём на кнопку «Далее». В следующем окне жмём на кнопку «Сохранить». В следующем окне нас интересует кнопка «Добавить видео». Жмём на нее.

Кнопка «Добавить видео».

Нам предложат создать новый канал. Жмём на кнопку «ОК».

Создать новый канал.

Для пользователей новых аккаунтов установлен лимит для загрузки видео не более 15 мин. Чтобы увеличить лимит, необходимо нажать на строку «Увеличить лимит» и проследовать по всем инструкциям. Сделать это можно в любой момент. Сейчас же нажмём на стрелочку.

Выберите файл для загрузки.

Выбираем видео файл, который хотим загрузить на YouTube, после чего начинается загрузка. В окне «Добавление видео» мы видим процесс загрузки в процентах. Пока файл загружается, не теряем время даром – заполняем поля «Название», «Описание», «Теги».

Добавление видео.

По завершении загрузки система покажет нам адрес, по которому расположено наше видео. Жмём на адрес.

Загрузка завершена.

Любуемся результатом.

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

Как вставить видео на сайт с YouTube рассмотрим на конкретном живом примере.

Заходим в административную часть сайта «Авторская Песня Востока». Создаем новую статью. Название статьи «Как добавить видео на YouTube больше 15 мин.». Напоминаю, что в окно «Псевдоним» желательно добавлять название статьи в транскрипции на латинице, разделяя слова черточкой. В нашем случае получилось «kak-dobavit-video-na-youtube-bolshe-15-min». Статью я хочу поместить в новости, поэтому выбираю раздел «События» и категорию «Новости».

Создаем новую статью на сайте.

Переходим к нашему видео на YouTube. Под нашим видеороликом ищем строку «Поделиться» и нажимаем на нее.

Выбор строки «Поделиться».

Далее ищем строку «HTML-код» и нажимаем на нее.

Строка «HTML-код».

Мы можем выбрать размер видео. Нормальный размер видео для сайта «Авторская Песня Востока»  - 640px по ширине, поэтому в данном случае выбираем размер 640*480. Далее, копируем код видео. Для этого выделяем полностью весь код в окошке кода при нажатой левой кнопке мышки. Затем, опустив левую кнопку, нажимаем на правую кнопку мышки и в открывшемся окошке нажимаем на строку «Копировать».

Копируем код видео.

Переходим к нашей статье. Нажимаем на кнопку «Edit Code».

Кнопка «Edit Code».

В открывшееся окно вставляем скопированный код. Для этого нажимаем правую кнопку мышки и нажимаем на строку «Вставить». Нажимаем на кнопку «Update».

Вставляем код.

Видеоролик разместился в окошке редактора «JCE». Теперь нам необходимо разместить сопроводительный текс. Текс лучше всего написать в редакторе Вашего компьютера (например, Word), скопировать его в текстовый редактор Вашего компьютера «Блокнот». Далее запоминаете текст из блокнота. Для этого выделяете текс в блокноте, нажимаете правую кнопку мышки и в открывшемся окне нажимаете «Копировать».

В редакторе «JCE» размещаете курсор мышкой правее видеоролика, нажимаете кнопку клавиатуры «Enter». При этом слева, сразу же под видеороликом должна появиться вертикальная черточка

Вертикальная черточка..

Щелкаете по правой кнопке мышки и нажимаете в открывшемся окошке на строку «Paste».

Строка «Paste».

Вставляем сопроводительный текст в открывшееся окно. Для этого нажимаем правую кнопку мышки, затем нажимаем «Вставить». Нажимаем на кнопку «Insert».

Окно «Paste».

Наш текст появился в окне редактора.

Текст в окне редактора.

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

Выделение текста.

В окошке «Font Family» выберем шрифт «Verdana», в окошке «Font size» выберем размер текста «12 pt».

Кнопки форматирования текста.

Теперь можно там оставить ссылку на вот эту статью. Для этого выделяем фрагмент текста «Уроки на все случаи жизни».

Фрагмент текста для ссылки.

Нажимаем на кнопку «Insert/Edit link».

Кнопка вставки ссылки.

В открывшемся окне вставляем адрес вот этой вот статьи в окно «URL». Для того чтобы эта статья открывалась в новой странице браузера, в окне выбора «Target» выбираем строку «Open in new window». Нажимаем кнопку «Insert».

Вставляем ссылку.

В окне редактора видно, что фрагмент с ссылкой светлее, чем остальной текст и он подчеркнутый.

Текст-ссылка в окне редактора.

На этом можно было бы и остановиться. Но есть ещё один момент – видеоролик прижат к левому краю, а хотелось бы видеть его посередине. Для центровки видеоролика применим конструкцию

<p>Код видеоролика</p>

Ничего страшного и сверхсложного в этом нет. Нажимаем на уже знакомую нам кнопку «Edit Code».

Кнопка «Edit Code».

В открывшемся окне находим код видеоролика, который мы копировали с YouTube.

Вот он наш код

<iframe src="http://www.youtube.com/embed/PBNh5yiMqQg" frameborder="0" allowfullscreen></iframe>

Код видеоролика.

Справа от кода пишем тег центровки

<p>

Слева от кода пишем закрывающий тег

</p>

Должно получиться вот так

<p><iframe src="http://www.youtube.com/embed/PBNh5yiMqQg" frameborder="0" allowfullscreen></iframe></p>

Отцентрованный код видеоролика.

Сохраняем код, нажав кнопку «Update» в окне вставки кода и… вспоминаем, что у нас в статье есть ссылка на внешний ресурс. Чтобы робот поисковой системы индексировал наш материал, но не переходил по ссылке нам необходимо дать ему соответствующую команду. Для этого нажимаем на строку «Мета-данные».

Строка «Мета-данные».

В окно «Параметр Robots» вставляем команду для робота «index,nofollow».

Вставляем параметры робота.

Всё! Теперь сохраняем статью.

Сохраняем статью.

И любуемся результатом!

Вставляем видео на сайт с «Мой Мир».

Из социальной сети «Мой Мир» видео на сайт вставляется так же, как и с YouTube, посредством вставки кода видео. Давайте посмотрим, как нам получить код. Под видеороликом мы видим несколько кнопок. Нас интересует кнопка «Опубликовать».

Кнопка «Опубликовать».

Наводим курсор на эту кнопку и жмём на строку «Получить код».

Строка «Получить код».

В открывшемся окне копируем код HTML.

Код видео в «Мой Мир».

Вставляем код на сайт по аналогии, как вставляли код видео с YouTube.

Вставляем код с «Мой Мир».

Отцентровать видеоролик можно тем же способом, как центруется видеоролик с YouTube. Но можно и более простым способом. Выделяем видеоролик, наведя на него курсор и хлопнув по левой кнопке мышки, нажимаем кнопку «Align center».

Центровка видеоролика «Мой Мир».

Если возникнут вопросы, пожалуйста, оставляйте их в комментариях.

Уроки на все случаи жизни

neturoki.ru

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

У многих пользователей, которые начинают создавать свой сайт, возникает вопрос - как правильно вставить видео на сайт. Давайте сначала разберемся - для чего это нужно делать. Видеоролик на сайте выполняет несколько важных функций : во-первых, для более подробного и наглядного раскрытия информации, размещенной на сайте;во -вторых, для акцентирования внимания посетителей сайта на определенных моментах;в - третьих, для удобства посетителей сайта, которые не любят читать текст, а хотят получить информацию из видеоролика;в -четвертых, видео хорошо способствует продвижению сайта в поисковых системах;в -пятых, повышается конверсия сайта.Перечень преимуществ видео на сайте можно еще продолжать, но всегда необходимо помнить о цели и задачах, которые вы преследуете, создавая свой сайт. И уже в соответствии с этим, вставлять видеоролик на свой сайт. И еще одно дополнение - вставлять необходимо свое видео со своего Ютуб канала. Для этого вам нужно иметь свой канал, куда будете загружать свои видеоролики.

Чтобы вставить видео на сайт, заходим на Ютуб канал.

Здесь находим нужное видео. Чтобы получить код для вставки на сайт:1 - нажимаем кнопку "Поделиться"2 - нажимаем кнопку "HTML-код"3 - в окошке появляется HTML-код видео с установленными размерами. Выбираем нужный нам размер видео.

Копируем код и вставляем на свой сайт в нужное место в режиме HTML.

Вставить видео на сайт с авто запуском

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

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

После перехода на этот ресурс, сделайте авто запуск своего видео в 4 шага:1- со страницы просмотра нужного видео на Ютуб канале скопируйте ссылку из адресной строки браузера в указанную ячейку2 - в чек боксе "Автопей" поставьте галочку, и в следующих чек боксах уберите галочки, если они вам не нужны3 - нажмите на кнопку "Сгенерировать код"4 - просмотрите, как будет выглядеть ваше видео и копируйте код для вставки на сайт.Код видео вставляйте в определенное вами место на сайте в формате HTML, и получайте удовольствие от большого количества посетителей на сайте, которые будут становиться вашими клиентами и партнерами.

Буду рада, если эта статья поможет в создании и наполнении сайта и жду ваших комментариев!

Поделиться с друзьями:

  • Нажмите, чтобы поделиться на Twitter (Открывается в новом окне)
  • Нажмите здесь, чтобы поделиться контентом на Facebook. (Открывается в новом окне)
  • Нажмите, чтобы поделиться в Google+ (Открывается в новом окне)
  • Нажмите, чтобы поделиться в Skype (Открывается в новом окне)
  • Нажмите, чтобы поделиться на LinkedIn (Открывается в новом окне)
  • Нажмите, чтобы поделиться записями на Tumblr (Открывается в новом окне)
  • Нажмите, чтобы поделиться в WhatsApp (Открывается в новом окне)
  • Нажмите, чтобы поделиться записями на Pocket (Открывается в новом окне)
  • Нажмите, чтобы поделиться записями на Pinterest (Открывается в новом окне)
  • Нажмите, чтобы поделиться в Telegram (Открывается в новом окне)
  • Нажмите, чтобы поделиться на Reddit (Открывается в новом окне)
  • Послать это другу (Открывается в новом окне)

Похожее

vivarost.ru