February 2

Встраиваем фейсбук в телетайп -  что то не получается - напишите в поддержку!

странно конечно

очень странно, но фейсбук не встраивается вообще никак.
пробуем другой пост

В двух вышеприведенных примерах использовал ссылку, которую даёт фейсбук по <>embed или copy link:

<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Freel%2F405967282103317&width=750&show_text=false&appId=1583837049029391&height=653" width="350" height="653" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

Можно сделать вывод, что пока ничё непонятно...

попробовал вставить ссылку которую дали в поддержке:
https://www.facebook.com/Jamu.Healing/posts/pfbid0d7WgnpHzXJ1FaN46cF5YD4QCgJwPL7NQ7SBy2f8uK3MXjTuLGdo7g9H4Wu8UF1U7l

пробую вставить ссылку на пост, взятую из advanced settings в попапе embed post facebook убрав префикс https web.facebook.com/Jamu.Healing/posts/pfbid0Tv8XAzAiNFFjLeRJYAyqYW1URqns6T4eubftWLQZYhfKLkJcf4F7gUCfccUpbGKZl

Черное поле

пробую вставить ссылку на пост, взятую из advanced settings в попапе embed post facebook заменив web. на www. www.facebook.com/Jamu.Healing/posts/pfbid0Tv8XAzAiNFFjLeRJYAyqYW1URqns6T4eubftWLQZYhfKLkJcf4F7gUCfccUpbGKZl

ЧЕРНОЕ ПОЛЕ
Пробуем с https://www.facebook.com https://www.facebook.com/Jamu.Healing/posts/pfbid0Tv8XAzAiNFFjLeRJYAyqYW1URqns6T4eubftWLQZYhfKLkJcf4F7gUCfccUpbGKZl

РАБОТАЕТ !

спасибо саппорту https://t.me/TeletypeSupportBot

проблема в формате ссылки - указываем префикс https://www фейсбук с десктопа даёт ссыль с префиксом web.facebook

Пробуем iframe со ссылкой в формате "префикс https://www"

<iframe 
src="https://www.facebook.com/Jamu.Healing/posts/pfbid0Tv8XAzAiNFFjLeRJYAyqYW1URqns6T4eubftWLQZYhfKLkJcf4F7gUCfccUpbGKZl"
 />
РАБОТАЕТ!!!

Пробуем вставить вертикальное видео с фейсбука.

Через фрейм:

через плагин Телетайпа:

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

Облом в том, что плагин Телетайпа не блокирует переход в фейсбук по нажатию воспроизведения!

Ищем варианты для выкладки вертикального видео с фейсбука "красиво"...

коммент к рисунку
фейсбук в любом случае любое вертикальное видео сразу выкладывает как рилз, соответственно меняется дизайн плагина, выглядит мягко говоря - "не очень"

К чему вообще весь сыр-бор? - Дело в том, что посты со встроенными вертикальными видео выглядят в некоторых случаях интереснее и информативнее, при просмотре с телефона, поэтому я ищу способ встраивать видео в пост Телетайпа наиболее благообразным и простым способом.

Пробуем следующий вариант через фрейм

<iframe src="https://www.facebook.com/video.php?v=283543134474695" />
<iframe src="https://www.facebook.com/video.php?v=283543134474695" width="100%" height="auto" frameborder="0" allowtransparency="true" allowfullscreen="true" scrolling="no" allow="encrypted-media" sandbox="allow-same-origin allow-scripts" />

Поприятнее выглядит с мобильного, но конечно блокировка возможности задать цвет бэкграунда плагина фбук (а она есть) расстраивает.

Вставим ссылку на фбук видео - пробуем еще вариант

ссыль : https://www.facebook.com/video.php?v=283543134474695

неее.. это - не то пальто. Нормально выглядит вот так, на веб странице, с использованием следующей конструкции:

<div class='frame'>
<iframe
src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fvideo.php%3Fv%3D283543134474695&width=280&show_text=false&appId=560168947526654&height=498"
width="280" height="498" frameborder="0" allowtransparency="true" allowfullscreen="true"
scrolling="no"
allow="encrypted-media" sandbox="allow-same-origin allow-scripts">
</iframe><br>
</div>

ниже- скриншот
ссылка https://evi-sudarto.w3spaces.com/iframe-experiences.html

Пробуем вставить ссылку на пост фейсбука с видео, пост сформирован в результате репоста из связанного инстаграм-аккаунта.

Результат хороший. Ничего лишнего. И перехода в фейсбук нет при нажатии Play. Использован плагин телетайпа для вставки фбук поста, вставлял ссылку https://www.facebook.com/Jamu.Healing/posts/pfbid0wKTxZeTxmUFHeyd6CE4QWJaXg9sCpvMnMd6JyyNKfQeYiwLoPaVW8JUg92oYLj5Vl

Дальше - репост рилза из инстаграма в фейсбук и вставка ссылки в телетайп, ссыль:
https://web.facebook.com/Jamu.Healing/posts/pfbid02GTazCzz9V4eMkHVKaAXNGbPbRe64ymT5tycXpuZ9prTgja3AikiAyC6QbkByR7yil

получили картинку без видео . печально (

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

ссыль
https://www.instagram.com/reel/C2x4qWahRon/

это точно недоработка, так как ширина поста такая, что вертикальное видео не влезает по высоте.

Дальше пробуем рилз из инсты через фрейм-плагин от телетайпа.

ссыль
https://www.instagram.com/reel/C2x4qWahRon/

Тоже самое, при этом атрибуты тега <iframe> width и CSS параметры width - height не действуют

с ссылкой на пост https://www.instagram.com/p/C2x4qWahRon/
тот же результат

Выводы по вертикальным видео.

Очень важно иметь возможность задавать ширину 430..280. При ширине 430 высота видео будет 765, плюс заголовок и описание - не влезет по высоте (812 точек при экране 1440х900)экрана, если ширина более 430.

Пробуем вставлять пост инстаграм через iframe

работает

пробуем встраивать через плагин от телетайп

разницы не вижу

Нормально. Посты из инсты и фбука при вставке в Телетайп вообще выглядят пристойно, а вот с вертикальными видео пока что нет решения...

Jimbaran, Badung Regency, Bali, Indonesia (бесплатная реклама).
https://www.facebook.com/Jamu.Healing/
https://www.instagram.com/healerdewi/