Встраиваем фейсбук в телетайп - что то не получается - напишите в поддержку!
очень странно, но фейсбук не встраивается вообще никак.
пробуем другой пост
В двух вышеприведенных примерах использовал ссылку, которую даёт фейсбук по <>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
пробуем встраивать через плагин от телетайп