Как разместить видео на сайте без плагинов
Уважаемые друзья, рад Вас снова приветствовать на моем сайте Советы веб-мастера и сегодня хочу рассказать как разместить видео на сайте WordPress без плагинов и тем самым избавиться еще от одного лишнего расширения и немного разгрузить наш ресурс, самое главное чтобы нужный видеоролик находился на сервисе www.youtube.com. Для этого надо либо найти подходящий ролик на сайте youtube.com или загрузить свое видео на свой канал. Для того чтобы загрузить видео на свой канал, надо пройти регистрацию на сайте www.youtube.com, авторизироваться и далее на своем канале нажать ссылку «Добавить видео» после загрузки ролика необходимо сделать следующие действия, нажать на нужный ролик и далее нажать на кнопку «ОТПРАВИТЬ» расположенную под видео, далее кнопка «ВСТРОИТЬ» или «Сгенерировать HTML-код» ниже выбираем подходящий размер видео и копируем полученный код для вставки на сайт.нажмите на картинку для увеличения:
Далее копируем полученный код и идем в панель управления сайтом, заходим в редактор статьи и в нужном нам месте вставляем полученный код, но обязательно во вкладке HTML а не в визуальном редакторе, иначе видео не будет работать. Также у некоторых будет работать только старый код, поэтому прилагаю инструкцию, как вставить видео используя старый код:
Использование старого кода встраивания
Для видео YouTube доступно два стиля кодов встраивания. Новый код встраивания начинается с текста «<iframe...» и поддерживает как Flash, так и видео HTML5. Код встраивания в старом стиле начинается с текста «<object...» и поддерживает только видео Flash.
Некоторые службы поддерживают только старый код встраивания «<object...». Если код встраивания «<iframe...» был отвергнут сайтом, в качестве временного решения рекомендуется использовать старый код «<object...».
Чтобы создать код встраивания «<object...», выполните следующие действия.
- Нажмите кнопку «Встроить» под видео.
- Установите флажок «Использовать старый код встраивания».
- Затем скопируйте код в поле «Встроить».
- Добавьте код встраивания на сайт независимого разработчика.
Если в вашем браузере включена поддержка файлов cookie, флажок в поле «Использовать старый код встраивания» потребуется установить только один раз, так как браузер запомнит настройки и будет использовать их при создании кодов встраивания в будущем.
Думаю теперь все понятно, если будут вопросы, задавайте всегда буду рад на них ответить и конечно же видеоролик встроенный по вышеизложенному варианту.
Жду Ваших комментариев к данной статье.
Кстати, можете ознакомиться конкурс поздравлений с 23 февраля пора задуматься о следующих праздниках и возможно самим принять участие в конкурсе.
Спасибо,все получилось. А как сделать так, чтобы видео не загружалось сразу при переходе на сайт.
У меня все работает, только при нажатии, возможно Ваше видео с автозапуском, посмотрите в коде autoplay.
Спасибо. Будем использовать.
С уважением, Сергей.
Пожалуйста, пользуйтесь на здоровье.
А установленный плагин стоит удалить? Или можно оставить? Чем он может нам навредить? И если его удалить, то размещенные с его помощью видео работать не будут. Правильно? Их менять на новый лад?
У меня он пока установлен, скорее всего прошлые не будут работать, я еще не эксперементировал. Плагин пока оставлю у меня слишком много роликов на сайте, а дальше буду разбираться, так что выбирайте любой вариант на Ваше усмотрение.
Мне с плагином как-то больше нравится))). А вам??
Мне, если честно, разницы нет никакой, и там и там можно изменять размер и ставить в любом месте.
Вовремя! Только что нашел ролик на ТУБЕ и думаю-как же его вставить в статью на сайте? Буду пробовать.
Пожалуйста, очень легко и просто, я думаю у Вас получится без проблем.
Евгений, большое спасибо вам!!! Я прошёл школу Start Up, но всё же некоторые мелкие вопросы у меня остались, но благодаря вашему сайту теперь они легко решаемы.
Виталий, всегда рад помочь и ответить на все вопросы.
Здравствуйте, Евгений! Видео заработало как надо! Спасибо Вам!
Линария, как всегда пожалуйста.
У меня видио в сайдбаре предусмотрено шаблоном. Я собираюсь шаблон менять. Но видео хотелось бы оставить. Теперь, все получится. Попробовала вставить код в текстовый виджет — получилось. Ещебы сохранить рамку видео. Какое описание в теме (теги, название и т.п.) по поводу рамки к видео нужно искать?
Спасибо!
Пожалуйста, рад помочь. С рамкой я не сталкивался, но рамку можно прописать в коде, поищите в интернете.
Хорошая идея, беру на заметку, спасибо и успехов.
Пожалуйста.
Я все прочитала и даже распечатала как разместить видео на сайте. Спасибо , Евгений.
Пожалуйста, рад помочь.
Здорово, спасибо. Решил разместить видео на своем сайте и тут вспомнил про Ваш ресурс. А ответ вот он. Спасибо.
Александр, я очень рад что Вы нашли для себя полезный материал на моем сайте.
Мда, засада:)) Написали, что видео превышает продолжительность 15 мин., поэтому отклонено. Что делать? Залить куда-то? Потеря времени посетителя на его скачивание. Где еще можно разместить видео больших объемов, чтобы посетители моего сайта могли посмотреть его он-лайн? С уважением Александр.
Александр, все просто, подтвердите свой канал мобильным телефоном, по-моему так и все, можете загружать сколько угодно и любой размер файла.
Спасибо, помогло. Только приходится заново грузиться :)!
Но зато всего один раз, затем все будет с первого захода. Главное, что помогло. Удачи!
Спасибо, Евгений. Все прошло удачно. Но стал вопрос: куда лучше заливать видео для скачивания, многие же захотят его скачать? С уважением, Александр.
Александр, можно заливать на файлообменники и давать ссылку на скачивание, я пользуюсь файлами майл ру.
Оказывается плагин дает со страницы внешнюю ссылку на Ютуб. Вспомнила, что у вас читала, как без плагина видео вставить. Попробовала. Получилось. И ссылки внешней нет. Тем более, что она и не тематическая, а развлекательного характера.))) У вас раньше траст был 7, теперь — 5. Может это именно из-за таких ссылок? Кстати, кнопочка «Поделиться @» тоже внешнюю ссылку выдает с каждой статьи.
Если ссылка не с главной страницы, то это нормально. А по-поводу траста, это просто рейтинг и все, 5 не 0 и это хорошо, а в начале всем сайтам дают завышенный траст, даже на самом ресурсе так и написано.
Я, конечно, не очень пока про вес сайта понимаю. Чисто логично рассуждая, мне кажется, что сайт «тяжелее», если каждая его страница имеет больший вес. А у меня траст стал выше, после того, как убрала лишние ссылки с сайта.
Ольга, конечно внешние ссылки влияют на траст сайта и тот сервис о котором идет речь, показывает на сколько привлекательно продавать ссылки с Вашего сайта и конечно чем меньше ссылок на сайте, тем привлекательнее он выглядит с данной точки зрения. А как же тогда обмен ссылками с тематическими ресурсами, в данный момент ТИЦ можно получить только таким способом, так что внешние ссылки очень важны для сайта, но они не должны быть на главной.
Конечно тематические ссылки только улучшают сайт. Я говорю о не тематических. Как положительно может сказаться на моем сайте ссылка на развлекательный ролик в ютубе, если мой блог кулинарный!? Может я чего-то пока не понимаю, спорить не буду.
Ольга, если сказать точнее, то вообще никто не знает, каким образом скажется та или иная ссылка, этого не знает никто, кроме поисковиков. Так что мы можем только приблизительно догадываться, на основе своего опыта и наблюдений.
хочу сделать на сайте что-то вроде новостей с видео маленького размера. А как сделать, чтобы при воспроизведении например окошко увеличивалось для полноценного просмотра?
Ваня, я с этим не сталкивался, но скорее всего есть плагин, примерно такой как с картинками, которые увеличиваются при наведении.
Классно! Именно то что я искала — все хотела научиться работать с видеороликами. Теперь «занавес» приоткрылся. Ура!
Лидия, заходите почаще, у много интересного.
Спасибо Автору. Мне помогло, теперь буду знать как это делается! Очень рад что нашел ваш сайт! Успехов Вам!
Максим, я рад что статья принесла Вам пользу. Мой блог и сделан для того, чтобы помогать новичкам 🙂
Начала читать архивы, а тут так все сложно для меня.Я еще до этого не дошла.
Да на самом деле не очень и сложно, можно разобраться постепенно 🙂
Евгений, у меня нет кнопки «втроить» Есть только отправить на е- мэйл
Дайте ссылку, откуда Вы хотите встроить видео, а то у нас «испорченный телефон» получается.
Спасибо за статью. У меня этот способ лучше сработал, чем плагин Video Embeder. Последний почему-то не хочет показывать видео в полный экран у меня на блоге...
Многое может и от самой темы зависеть, но видео лучше кодом выводить, это бесспорно.
Женя,добрый день =) В очередной раз нашла на вашем сайте нужную и полезную информацию для себя. Добавила видео на сайт с помощью HTML кода и при помощи плагина для сайдбара. Все получилось легко и просто. Спасибо!
Всегда пожалуйста, Наталья!
Статье уже несколько лет, а она все еще актуальна ))) Я бы даже сказал, что сегодня видеоконтент в статье — это скорее обязательное условие, нежели что-то новенькое. Но все же далеко не все используют этот инструмент, а зря.
Согласен. Видео нужно использовать всегда на блоге, от этого только плюсы.
Спасибо Евгений! Я на 100% была уверена, что
найду эту информацию у Вас на блоге. Всё понятно
и просто!
Вообще на Вашем Блоге очень много нужной полезности.
Благодарю!
Евгений спасибо за столь подробный урок, у меня все получилось. Единственное, как можно ролик разместить по середине, он у меня разместился в левом краю?
Для этого есть настройка в редакторе — разместить по центру или заключить код в теги center