Как вставить видео с Yotube

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

Обычно, это происходит с ссылками вида
https://youtu.be/gGXWOamk1Ww



В статье «HTML-теги, которые вам пригодятся при публикации статьи» это было описано, но с тех пор на Youtube кое-что поменялось и информация стала частично неактуальной.

Казалось бы просто, иди на Youtube, жми «Поделиться», получай ссылку,
Как вставить видео с Yotube

жми кнопку «Встроить видео»,
Как вставить видео с Yotube

вставляй ссылку
Как вставить видео с Yotube
и всё.

Увы, нет. Вот вставленное таким образом видео.
<video>https://youtu.be/gGXWOamk1Ww</video>


Как мы видим (точнее, не видим), его нет.

Забегая чуть вперед, дело тут не в https, вот пример.
<video>http://youtu.be/gGXWOamk1Ww</video>



Итак, движок сайта не принимает ссылку, выдаваемую кнопкой «поделиться» с Youtube.

Вставлять надо не то, что предлагает Youtube, а то, что в адресной строке браузера.
Как вставить видео с Yotube

Эта ссылка может выглядеть немного по-разному, после кода видео — у нас это gGXWOamk1Ww — иногда бывает служебный мусор —
www.youtube.com/watch?v=gGXWOamk1Ww&feature=youtu.be


Что надо сделать.

1) Копируем из адресной строки браузера ссылку.
https://www.youtube.com/watch?v=gGXWOamk1Ww&feature=youtu.be

2) Все, что после идентификатора видео (в данном случае — "&feature=youtu.be") лучше удалить (но не обязательно).

3) Обязательно меняем https на http
Добавлено 08.03.2016. Пункт 3 уже не нужен. Админ поправил, работает и с https.
http://www.youtube.com/watch?v=gGXWOamk1Ww


В итоге получаем:
<video>http://www.youtube.com/watch?v=gGXWOamk1Ww&feature=youtu.be</video>

или
<video>http://www.youtube.com/watch?v=gGXWOamk1Ww</video>


И так и так работает:



PROFIT!!!

P.S. Все вышеизложенное для тех, кто не ищет легких путей и пользуется кнопкой вставки видео.

А теперь [барабанная дробь] наипростейший способ, на который мне (неучу) любезно указал Анатолий Trou .

Все верно, на Youtube есть волшебная кнопка «HTML-код». Она делает хорошо дает код, который можно просто вставить в топик безо всяких кнопок встраивания видео и без каких-либо правок вообще.

Как вставить видео с Yotube

<iframe width="560" height="315" src="https://www.youtube.com/embed/gGXWOamk1Ww" frameborder="0" allowfullscreen></iframe>

Оно работает!

15 комментариев

avatar
Павел, уже два раза убедился, что Ваш метод работает.
Вы оказали мне неоценимую услугу в публикации видео пару месяцев назад,,,
За топик конечно плюс! +
avatar
Рад помочь!
avatar
Спасибо большое!!! Ооооочень полезная инфа., да ещё и очень доступно объяснил! +
P.S. Валере отдельный респект, лампа, это что-то с чем-то! Не описать!
Последний раз редактировалось
avatar
Не за что :)
avatar
Паша спасибо, действительно полезные советы, действительно часто слышны просьбы о помощи по вставке видео.
Может стоит добавить тегов, типа «вставить видео», «вставка видео», «добавить видео в топик» и так далее и тому подобной — мало ли какие вопросы зададут пользователи в поисковой строке.
  • Trou
  • +2
avatar
стоит добавить тегов
Да, верно. Добавил.
avatar
Благодарю. Но не понимаю, почему такие сложности? Не проще ли немного поменять движок для того, чтобы нормально работала короткая ссылка? Это к Петру вопрос.
avatar
Да, тут только Петр может ответить.
avatar
Написал программисту. Но у него тоже работа, отпуска в деревне у бабукши без интернета. )
avatar
Вот СПАСИБО!!! Да, не раз я мучился этим вопросом…
В избранное. Теперь думаю проблемы отпадут со вставкой видео.
avatar
Пожалуйста :)
avatar
Присоединяюсь ко всему выше сказанному. Статья очень полезная и познавательная.Сам давече соприкоснулся с данной проблемой. Долго не получалось вставить видео пока не скопировал код полностью.Всё заработало.Поэтому хотелось бы выделить в отдельный обучающий блог для всех нуждающихся. Конечно +
avatar
Рад помочь. Может, админ сочтет нужным включить это в руководство.
avatar
я вчера именно так и встроил видео, скопировав «HTML-код»… но я был в курсе, ибо в ЖЖ тоже так встраиваются ролики… :)
avatar
в ЖЖ тоже так встраиваются ролики
Буду знать, спасибо! :)
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.