Вставка видео из фэйсбук

#1 28 февраля 2016 в 13:32
В фэйсбук есть такая фича, как embed код для вставки видео на свой сайт. Он помогает, если встроеннный редактор не подхватывает видео с фэйсбука (у нас похоже подхватывает видео по ссылке только с ютуба). Однако если вставить этот код в пост в блоге Инстанта, то он не отображается. В режиме редактирования текст embed ссылки виден. С LiveLeak embed код вставляется нормально. У кого какие мысли по этому поводу?
И второй вопрос. Проблему можно обойти, если взять embed код не для видео, а для всего фэйсбучного поста. Пост целиком вставляется нормально. Кстати, так можно вставить пост не только из фэйсбука, но и из контакта. Но тут другая проблема. Во время просмотра поста все нормально. Но во время просмотре ленты блогов мы видим название поста и малоаппетитный обрезок кода. Можно как то запретить вывод именно кусков кода в ленту, не запрещая вывод анонсов для обычных постов?

#3 28 февраля 2016 в 14:28


с Вк через исходный код все вставилось. а то у Вас слетает форматирование это нормально...)

Можно попробовать это поле
instantcms.ru/blogs/chut-chut-blog/stil-spiska-dlja-tipa-kontenta-kombinirovanyi.html

Jestik
Да по iframe видео из вконтата вставляется. По ссылке не подхватывается. При этом даже по iframe форматирование не слетает. Но по фэйсбуку вопрос остается. Вот код для вставки вот этого видео www.facebook.com/eveonline/videos/10153522839639394/

Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


Вот код для вставки поста, содержащего это видео
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


Видео без поста не вставляется, внутри фэйсбучного поста вставляется, но летит форматирование ленты блогов. Что то тут не так :)
#4 28 февраля 2016 в 14:44
Обратил внимание, при сохранении Инстант несколько режет код видео фэйсбука
Вставляем
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


А сохраняется вот что:
Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


Похоже вот эта часть кода куда то пропадает
  1. <div id="fb-root"></div><script>
и эта
  1. </script><div class="fb-video" data-allowfullscreen="1" data-href="/eveonline/videos/vb.17614129393/10153522839639394/?type=3">
#5 28 февраля 2016 в 15:05
github.com/instantsoft/icms2/commit/23b9c966159ec551c73e0d6f96043042028eb006

Рекомендую заменить весь файл целиком, т.к. есть и другие полезные правки.

Также добавьте в свой файл стилей:

  1. .video_frame {
  2. position: absolute;
  3. width: 100%;
  4. height: 100%;
  5. top: 0;
  6. left: 0;
  7. }
  8. .video_wrap {
  9. height: 0;
  10. position: relative;
  11. padding-bottom: 56.25%;
  12. overflow:hidden;
  13. }
Видео будет адаптивно.

Иллюстрация
#6 28 февраля 2016 в 15:07
Fuze, Спасибо, попробую
#7 28 февраля 2016 в 16:20
Файл system/controllers/typograph/hooks/html_filter.php заменил на гитхабовский. Не помогло. Перекачал прямо из гитхаба дистрибутив icms2-master.zip. Развернул его. Файл типографа исправленный

Вставляю прежнее видео www.facebook.com/eveonline/videos/10153522839639394/

Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


На секунду появляется ссылка



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

Группе, к которой вы принадлежите, запрещено просматривать этот скрытый текст


Файл стилей пока не трогал

Добавлю: В режиме ленты блогов остатки кода видны. В режиме просмотра поста пост выглядит пустым. В режиме редактирования код виден.
UPD2: отключение файла system/controllers/typograph/hooks/html_filter.php путем его переименования в html_filter.php_old ничего не изменяет. Вставленная ссылка так же модифицируется.
#8 28 февраля 2016 в 17:06
yury, вы к чему в чужой теме свои вопросы пытаетесь решить?

2.6. Соблюдайте принцип «одна тема = одна проблема». Не нужно решать все свои вопросы в рамках одной темы.

Правила

Detroit, вы подпись к коммиту прочитали?

Видео из фейсбук по ссылке конструкцией
  1. <facebook>https://www.facebook.com/facebook/videos/10153231379946729/ </facebook>
Не надо никакой код вставлять.
#9 28 февраля 2016 в 17:53
Fuze, Не прочитал, извиняюсь за невнимательность. Сейчас проверю. Его прямо в тексте можно вставлять? Не используя кнопку вставка видео?
Еще вопросик, файл стилей — это \instantcms2\templates\default\css\theme-content.css?
#10 28 февраля 2016 в 17:55

Его прямо в тексте можно вставлять

Detroit
в исходный код, если в редакторе. Прямо так и вставлять
  1. <facebook>https://www.facebook.com/facebook/videos/10153231379946729/ </facebook>

файл стилей — это \instantcms2\templates\default\css\theme-content.css?

Detroit
можно и сюда
#11 28 февраля 2016 в 20:10
Fuze,
К сожалению, пока не получается
Инстант версия 2.4, только установленный на опенсервер, без каких либо расширений
Файл system/controllers/typograph/hooks/html_filter.php заменен на версию с гитхаба.
Вставляю конструкцию <facebook>https://www.facebook.com/facebook/videos/10153231379946729/ </facebook> в режиме ввода кода



В результате имеем в посте чистый текст (не ссылку)

#12 28 февраля 2016 в 20:16


Fuze,
К сожалению, пока не получается
Инстант версия 2.4, только установленный на опенсервер, без каких либо расширений
Файл system/controllers/typograph/hooks/html_filter.php заменен на версию с гитхаба.
Вставляю конструкцию www.facebook.com/facebook/videos/10153231379946729/ в режиме ввода кода



В результате имеем в посте чистый текст (не ссылку)


Detroit
у меня всё работает, на "грязном" сайте
в маркитап работает так: <facebook>linktovideo</facebook>
в этом редакторе (Что на скрине) не работает (наврал, йутуп работает)
#13 28 февраля 2016 в 20:30

В результате имеем в посте чистый текст (не ссылку)

Detroit
обработку поля типографом включите
#14 28 февраля 2016 в 20:42
Fuze, WowChih,
Да, в маркитап и с включенным типографом работает. С остальными редакторами пока не понял
#15 28 февраля 2016 в 20:45

С остальными редакторами пока не понял

Detroit
также работает, только вставлять нужно в исходный код.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.