Как вставить видео на сайт? Универсальная техника вставки при помощи HTML кода
Всем привет. Сегодня будет коротенький пост, в котором я поделюсь с вами информацией, как вставить видео на сайт при помощи html кода. Конкретный пример будем рассматривать для CMS WordPress, но думаю, что такой способ подойдет и для обычных сайтов.
Видео в контенте позволяет дольше задержать пользователя на вашем ресурсе, а чем дольше он проведет времени, тем лучше. На своем блоге я неоднократно говорю читателям, чтобы они делали уникальный и интересный контент + вставляли видео и картинки.
Такой вариант написания статей разбавит текст и сделает его более читабельным, а это нам и нужно. Чем проще и понятней вы излагаете свои мысли, тем больше людей вас поймут, и тем большим людям вы понравитесь. Поэтому, не стоит пренебрегать видео.
Как вставить видео на сайт? Снимаем нагрузку с движка
Конкретный пример вставки видео мы рассмотрим с сервиса ютуб, так как он самый популярный в рунете. Как произвести регистрацию и как вставлять видео при помощи плагина video embedder, надеюсь, вы знаете.
Но плагины создают дополнительную нагрузку на блог, и от этого он медленней открывается, а поисковые роботы очень любят, когда сайты шустрые.
Давайте же избавимся от плагина и научимся вставлять видео на сайт при помощи обычного html кода. Сразу хочу сказать, если вы до этого пользовались плагином, то все видео нужно будет вставлять сначала, так как после деактивации плагина, видео которое вставлялось ранее, отображаться не будет.
Приступим. Переходим на сайт ютуб, ищем видео, которое хотим вставить к себе в статью или просто на сайт. Затем нажимайте кнопку «поделиться», на скриншоте под номером 1.
2. Выбирайте HTML код;
3. Копируйте полученный код.
Также, здесь сразу можно задать размер окна для видео, выбирается в выпадающем меню, размеры задаются в зависимости от возможностей вашей темы.
Допустим, не один из предложенных размеров меня не устроил, поэтому, я задал свои цифры. Где их менять, читайте ниже.
Теперь, для вставки видео в статью, открывайте ее и ищите место, где его отображать, зачастую я размещаю их после основного текстового содержимого.
Чтобы вставить код, нужно перейти в текстовый редактор, и в нужное место вставить код.
В текстовом редакторе визуально не будет видно форматирования, вместо этого, будут отображаться различные html коды, не нужно бояться, вам необходимо найти те слова, после которых хотите видеть видео и вставить скопированный код с ютуба.
На скриншоте, код обведенный в красную рамку, параметры height и width задают ширину и высоту окна, их пожеланию можно изменить.
Еще я выровнял окно посредине. Делается это посредством заключения кода в блок div и придав атрибут align.
<div align="center">код с ютуба</div> |
После вставки, не забудьте сохранить. Вот таким легким способом можно избавиться от плагина и ускорить работу своего блога.
Новость. Вы слышали, что в Америке хотят сделать дефолт? У них всемирный долг составляет более 16 триллионов долларов. Нашел прикольную картинку.
Как вам такие масштабы долга?))). Я думаю, что если произойдет дефолт, то будет всемирный переворот, а вы как думаете? Доллары еще в носках храните? :Ъ
Подписывайтесь на обновления блога, вскоре будет денежный кроссворд, призы получать самые шустрые, не пропустите.
С уважением, Михед Александр.
Шапка шикарная! Смотрится очень привлекательно.
Статья написана очень понятно, четкая инструкция. вопросов по установке видео не возникает. Нужно попробовать себе. подобрать что то подходящее.
Спасибо, лучше сразу кодом, чтобы потом не переделывать)
Ничего себе долг у них =-O Да пусть делают)) Но я доллары в носках не храню конечно *JOKINGLY*
ПО статье — учту, так все просто оказывается)) Беру на заметку на будущее, ставлю лайк)) *THUMBS UP*
А я видео заключаю просто в теги и Так ведь можно?
В какие теги?)
я писала, почему-то они не отразились, напишу по русски — и
блин, в значках не отображается %) , в общем центер и центер
Я не совсем понял, в чем у тебя проблема?
проблемы нет, просто я в другие теги заключаю код с ютуба, так ведь можно? ничего страшного? я же самоучка))
Как теги звучат?)
Вау, ну и циферки, аж дрожь по коже пошла и растут циферки очень быстро, жуть какая =-O
Смотрю, деревом обшил свой блог, Александр, прикольно, у меня ассоциация с ламинатом и страница блога- лист бумаги с текстом. 8)
Шапка интересная, я понял это все твои проекты? Скроллинг доделаешь еще или активными картинки для перехода будут в будущем?
Видео с ютуба вставить легко, плагины только мешают в этом случае.
По поводу Америки, никогда они не обонкротятся, у них Генштаб финансовый, они себя в обиду не дадут, им проще очередную страну захватить и нефть высасывать в счет долга. 😛
Да вряд-ли они обанкротятся. Полмира на долларах завязана 8)
Ну то, что пол мира долларами обвязано говорит лишь о том, что если что-то случиться, то Америка потянет за собой все эти страны, которые «обвязаны»)
Я всегда пользуюсь этим методом вставки роликов с YouTube. Но можно вставлять не код, а адрес ролика типа
www.youtube.com/watch?v=y...mLeJ1-eGi1jKMxBQ
Который появляется сразу после нажатия на кнопку «поделиться».
В данном случае вы попадёте на мой последний ролик.
Не кисло циферки летят 🙂 Тань, так ты на форексе играешь?)
ну да, есть такое увлечение, только сейчас больше в блоггинг вдарилась %)
А на форексе действительно можно заработать? Или скорее проработать? Там ведь на одной интуиции далеко не уехать.
Я знала что мне такой вопрос зададут)) Заработать можно, просто нужно как раз не на интуицию рассчитывать, а на знания, и нервы стальные нужны))
А сейчас играешь или подзабросила?)
Меня больше интересует вопрос на форексе сама играешь?) Или просто через трейдеров? Совершенно разные вещи. Сейчас просто инвестированием тоже занялся)
И как успехи?
Получается?) Я только подумываю об этом, но после выпуска следующего курса можно будет ринуться, точнее попробовать)
Я сама торговала, и успехи нормальные были, но так как у меня сумма на счету 200 долл, так ощутимо заработать не получалось, и времени сейчас нет (за новостями следить, анализировать технически)
но одну сделку я помню, это 6000 руб))) радости не было предела)) =)
Успехов пока не много (Частично из-за того, что не большую сумму вложил) Но пока все в плюс 🙂 ...Ну меня например радует перспектива получения 130% годовых)) А в месяц и по 10% можно снимать дохода)
Да вот тоже думаю, отдать управляющему, пускай поторгует, посмотрим что получится, 10 % всего берет) за управление
Ой! Какой ужас эти цифирьки. С ума сдуреть!!!
Александр, спасибо за статью. Я пользуюсь этим методом вставки видео, но у меня не получалось сделать его посередине. А Вы подсказали мне этот момент и ещё о размерах видео узнала. Раньше вставляла как есть. 8)
Приветствую, Наталья, рад помочь, заскакивайте на огонёк, буду рад общению 😉
Я тоже просто копирую код и вставляю на страницу. Потом еще от индексации закрываю и все =)
Мне как-то раз показали один способ, так им и пользуюсь. Просто встаю на видео мышкой, кликаю правой кнопкой и выбираю «скопировать HTML код». Простенько и со вкусом — как раз для таких чайников, как я 😀
Мне хорошо помогла эта статья. Сделал из фоток свое первое видео, это вроде слайдер называется. Закинул на свой канал, который только начал вести. Воспользовался инструкцией и разместил на своем блоге с помощью кода. Ролик как раз соответствует статье. Получилось без проблем. Спасибо Саша за инструкцию.