25.04.2012 в 03:49
Пишет  2(che)n:

Как ПРАВИЛЬНО вставить в diary.ru видео с youtube.com
Пролог

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

С некоторых пор youtube стал выдавать код для встраивания в виде amp-iframe'а в который подгружается html5 видео.

Вот как это выглядит:



Все бы хорошо — прогресс, новые технологии и стандарты, ютуб теперь можно смотреть на iOS устройствах. Но есть одно но — на diary.ru нельзя встраивать amp-iframe'ы.

***


Видимо многие не в курсе этой баги фичи движка дневничков и просто копируют предложеный код с amp-iframe'мом и пытаются вставить в свои посты. Происходит 2 варианта развития событий.

1. Если %username% копирует код с amp-iframe и просто вставляет в дайрик, то движок дневничков его полностью стирает. Т.е. опубликовав код:



%username% получит абсолютно пустой пост.

2. Если %username% попытается вставить amp-iframe видео путем нажатия специальной кнопочки в визуальном редакторе дневничков:



то код преобразуется движком дневничков в нерабочий object



Но! Если заменить в URL видео /embed/ (подчеркнуто красным) на /v/



Всё работает!



Итак, вот вам рецепт как быстро сделать нерабочий код рабочим. Но, можно же поступить как умные люди поступают.

Идем на youtube на страницу нужного нам ролика и нажимаем кнопку Поделиться (под роликом):



Выплывет новый блок, в котором нажимаем на Сгенерировать HTML-код:



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



Получаем работающий в дневничках код, который смело постим.



Эпилог.

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



В таком случае копируем amp-iframe код, в дневничке вставляем его через кнопку в визуальном редакторе и по описаному выше рецепту меняем embed на v

URL записи