Как вставить видео на сайт | Заметки вебмастера






Вставляем видео на блог за 1 минуту + Итоги конкурсов

как вставить видео на сайтПриветствую, уважаемые пользователи!

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

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

Зачем вставлять видео на сайт

Причина добавления видеофайлов в свои статьи, мне кажется, всем понятна.

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

Да и пословицу вы сами знаете: «Лучше один раз увидеть, чем сто раз услышать» (или прочитать). Кроме того, добавление видео на блог увеличивает время пребывания посетителя на ресурсе и тем самым улучшает поведенческие факторы. А это немаловажный показатель! Короче видео классная штука, способствующая продвижению вашего блога.

Способы вставки видео на свой блог

Как правило, есть два основных метода, которые отличаются друг от друга местом расположения добавленного видеофайла. Один из них это размещение видео на внешнем видео хостинге (Youtube или Rutube), другой — добавление видеофайлов на свой хостинг.

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

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

К примеру, на моем тарифном плане хостинга Hostland разрешается хранить информацию, объемом до 1 Гб. Можно, конечно, увеличить дисковое пространство, но эта опция будет уже платной. И в случае частого размещения на своем блоге различных видеороликов мне просто-напросто не хватит свободного пространства и придется платить за лишние гигабайты. Но зачем тратить денежки, когда есть другой более рациональный и эффективный метод.

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

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

Кто читает мои статьи, тот в курсе, что все видеофайлы, которые присутствуют на моем ресурсе, расположены на Youtube. А это как вы уже поняли большой плюс.

Итак. Думаю на этом этапе все понятно. Теперь давайте перейдем к основному вопросу. Каким же образом можно вставить видео на сайт с видео хостинга Youtube.

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

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

Итак. Отлично. Теперь отыщите нужный вам видеофайл в поиске или можете добавить свое видео на канал Youtube (кнопка в верхнем правом углу):

вставка видео на блог

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

выбор файлов для последующей загрузки

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

кнопка поделиться видео

Жмете на нее, а затем выбираете HTML- код:

html-код видеофайла

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

выбор размера видеофайла

После этого данный код нужно будет вставить в свою статью или на любую другую станицу блога в HTML-режиме:

вставка кода видео в статью

Если вы все сделали правильно, то сможете наблюдать видеофайл на своем блоге. Кстати, вы заметили, что ваше видео смещено влево (выровнено по левому краю)?

Если вы хотите, чтобы оно располагалось по центру статьи нужно немного видоизменить html код, который вы вставляли для добавления видеофайла. Вначале и в конце кода пропишите теги <center>ваш код</center> таким образом:

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

Вот и все. Ваше видео теперь по центру. Сохраните изменения в панели администрирования и переходите к просмотру видеофайла. Посмотрите как это получилось у меня (измените качество перед просмотром видео):

Вот так можно без лишних усилий вставить видео на сайт.

Кстати, а вы уже используете этот метод для размещения видео на своем сайте или блоге? Жду от Вас ответа на этот вопрос.

Ну, а теперь самое интересное!

Итоги конкурсов за март месяц

Итак. По традиции своего блога хочу наградить победителей конкурсов за прошедший месяц.

Ну, тут без комментариев — кто принимал активное участие в жизни «Заметок» тот и получает призы. Как всегда без лишних слов предоставляю скриншот блока Топ комментаторов за март (по состоянию на 01.04.2015, 00:00):

топ комментов март

Ну и оглашу как всегда победителей:

Первое место — Alexandr (блога нет)

Второе место — Aleksandr (автор блога invest-4.ru)

Третье место —  Юрий Йосифович (автор блога blog.yosyfovych.te.ua)

Призы как обычно: 200, 100 и 50 рублей соответственно.

Из наиболее активных комментаторов хочу отметить Alexandrа. Молодец! Комментарии писал по делу, качественные и осмысленные. Он просто мега комментатор!!!

Из-за того, что Alexandr очень часто оставлял комментарии на этом блоге он сумел выиграть ещё в одном конкурсе — «Сотый комментарий». Вот его юбилейный коммент:

сотый коммент марта

Итого Alexandr получает не 200, а 300 рублей! Поздравляю!

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

Желаю успеха во всех начинаниях. Буду рад всех видеть у себя в гостях в этом месяце! До скорого!

Успехов Вам и Удачи
С Уважением,


Книга о заработке в интернете:
Книга о заработке в интернете

Комментариев к статье: 56

  1. Alexandr:

    Решил освежить знания про WordPress, наткнулся на Ваш блог. Понравилось. Статьи блога качественные, проверены личным опытом, автор откликается. Стал комментировать. Я не мега комментатор. Случайно получилось.

    Ответить

  2. Alexandr:

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

    Ответить

    • Сергей Саранчин:

      Отлично, Александр! Жду твоих новых комментов! :smile:

      Ответить

      • Alexandr:

        Приз получил! Спасибо за оперативность!

        Ответить

        • Сергей Саранчин:

          Всегда пожалуйста. На этом блоге всё оперативно :cry:

          Ответить

          • Алексей Иванов:

            Оперативно, это хорошо..Не все блогеры работают оперативно, бывает находят всякого рода разные причины.

            Ответить

          • Сергей Саранчин:

            Обидно, что из за таких «блогеров» портится мнение посетителей!
            Я считаю, если дал слово-держи! Если человек победил в конкурсе, значит награди его, не откладывая на потом! :grin:

            Ответить

          • Алексей Иванов:

            Да не говорите Сергей, очень это плохо. Работаешь, а призовые с задержкой как на производстве.

            Ответить

          • Алексей Иванов:

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

            Ответить

          • Сергей Саранчин:

            Полностью согласен с Вашим мнением, Алексей!

            Ответить

      • Alexandr:

        Я не подкачаю. Ваш хостер лишь бы быстрее с оборудованием разобрался.

        Ответить

  3. Alexandr:

    Всё таки как со своего сайта можно показывать видео? Куда в какую папку закидывать видео? Если в wp-…, узнают что блог на WordPress.

    Ответить

    • Alexandr:

      Ответа я пока не получил в какое место блога закидывать видео.

      Ответить

      • Сергей Саранчин:

        Александр, просто нужно создать папку на своём хостинге в корне, там где находятся папки wp-admin, wp-content, .htaccess и др. и в нёё закидывать своё видео :smile:

        Ответить

        • Alexandr:

          Вы на своём сайте создали в корне папку Cinema. В папку положили фильм Film.avi. Какой код напишите чтобы пользователь увидел фильм?

          Ответить

          • Сергей Саранчин:

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

            Ответить

          • Alexandr:

            Залить на хостинг плейер просто. Сделать можно по фтп. А как подключить его к страницам сайта? Какой плейер предпочтительней? На ютубе какой используется?

            Ответить

          • Сергей Саранчин:

            На Youtube используется Adobe flash player :grin:

            Ответить

          • Alexandr:

            Предыдущий коментарий ушёл случайно. Хорошо, с плеером разобрались. Осталось подключить его к нужным страницам сайта. Код подключения осталось найти.

            Ответить

  4. Aleksandr:

    Спасибо большое, не ожидал что ещё бонус дополнительный получу!

    Ответить

    • Сергей Саранчин:

      Александр, вы видно спутали себя с другим Александром :cry:

      Ответить

      • Aleksandr:

        Верно, не заметил аватарку!

        Ответить

        • Alexandr:

          Зелёное с белым спутать? Александр, у Вас права на вождение есть?

          Ответить

          • Алексей Иванов:

            Alexandr, а где вы белый цвет граватара увидели у себя? Я например вижу серый!

            Ответить

  5. Aleksandr:

    Забыл кошелёк дать, вот он R374235126585

    Ответить

    • Сергей Саранчин:

      Окей, сейчас вышлю денежки :oops:

      Ответить

  6. Aleksandr:

    Я с видео экспериментировал и также вставлял, вот нужно заняться записью для нового блога!

    Ответить

    • Alexandr:

      Ролики увеличивают поведенческие факторы. Стоит потратить время на их запись.

      Ответить

      • Aleksandr:

        Буду в скором времени начинать работу!

        Ответить

        • Alexandr:

          Я уже начал делать ролики!

          Ответить

  7. Игорь Черноморец:

    Привет Сергей.
    Вставлять видео из youtube в блог и правда достаточно легко и быстро и я не понимаю тех, кто до сих пор пользуются плагинами для такого действия.
    А вот обзор вставки видео из Рутьюб (rutube) ты можешь сделать?

    Ответить

    • Сергей Саранчин:

      Приветствую, Игорь!
      По правде говоря я не зарегин на rutube, но нужно попробовать :arrow:

      Ответить

  8. Сергей Саранчин:

    Ребята, Александрам денежки перевёл, жду ответа от Юрия Иосифовича :smile:

    Ответить

    • Aleksandr:

      Все получил, спасибо! Ждём новых статей!

      Ответить

      • Сергей Саранчин:

        Отлично! Статьи будут :smile:

        Ответить

        • Alexandr:

          Жду статью про CPA партнёрки. Про скрытые реф ссылки статья понравилась.

          Ответить

  9. Alexandr:

    С Главной страницы сложно попасть на другие. Грузятся по минуте и больше. Коментарий тоже отправлялся по минуте.

    Ответить

    • Сергей Саранчин:

      Спасибо, Александр! Да, проблема на лицо. Сейчас стараюсь её решить. :smile:

      Ответить

      • Alexandr:

        О чудо! Комментарий отправился. Днём не мог комментарий отправить и дней шесть назад сайт не работал.

        Ответить

        • Сергей Саранчин:

          Да, Александр, сейчас всё ок! Проблема была в сервере на хостинге. Теперь меня перевели на php 5.4 :smile:

          Ответить

          • Alexandr:

            Во время неполадки помню предыдущий случай я посмотрел версию php. Это был PHP 5.2.17, а сейчас PHP 5.4.36

            Ответить

          • Сергей Саранчин:

            А где вы смотрели версию php, Александр?

            Ответить

          • Alexandr:

            На любом сервисе узнаете версию php сервера на котором у Вас сайт находится.

            Ответить

          • Alexandr:

            Ваш хостер чудит иногда. Наконец то он установил то что хотел и неполадок не будет.

            Ответить

          • Сергей Саранчин:

            Да, бывает иногда, но в основном я доволен был раньше. Вот недавно проблемы появились…А ребята там грамотные сидят в техподдержке! Много раз выручали! :smile:

            Ответить

          • Alexandr:

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

            Ответить

  10. Alexandr:

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

    Ответить

    • Сергей Саранчин:

      С вебинарами пока дело не имел. Но в будущем нужно будет обязательно проводить вебинары! :grin:

      Ответить

      • Alexandr:

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

        Ответить

  11. Alexandr:

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

    Ответить

    • Сергей Саранчин:

      В первый раз о таком слышу, Александр. Буду искать эту информацию!

      Ответить

  12. Юлия Иванова:

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

    Ответить

    • Сергей Саранчин:

      Юлия, именно таким образом и добавлено моё видео в этой статье о том как вставить видео :cry:

      Ответить

  13. Юлия Иванова:

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

    Ответить

    • Виталий Охрименко:

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

      Ответить

      • Alexandr:

        Не обязательно своё видео вставлять, можно откуда нибудь взять.

        Ответить


НАПИШИТЕ СВОЙ ПЕРВЫЙ КОММЕНТАРИЙ НА ЭТОМ БЛОГЕ И ПОЛУЧИТЕ ПОДАРКИ!

Нажимая кнопку "ОТПРАВИТЬ" комментарий, Вы принимаете пользовательское соглашение и подтверждаете, что ознакомлены и согласны с политикой конфиденциальности этого сайта.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: