Пробуем вставлять красиво линк на статью в телетайпе (плагин)
Jimbaran, Badung Regency, Bali, Indonesia (бесплатная реклама).
https://www.facebook.com/Jamu.Healing/
https://www.instagram.com/healerdewi/
Код плагина, взял прямо из браузера:
<a data-v-35aa8657="" data-v-82c7881b="" href="https://teletype.in/@ind_ex/Bali_1day" class="blogArticleCut"><div data-v-35aa8657="" class="blogArticleCut__header"><h2 data-v-35aa8657="" class="blogArticleCut__title">Первый день на Бали. Рекомендации остеопата.</h2><!----></div><div data-v-35aa8657="" class="blogArticleCut__text"><figure data-v-35aa8657=""><img data-v-35aa8657="" src="https://img3.teletype.in/files/6c/8d/6c8d9fab-2968-4ecb-a1d6-da43a92ae45c.jpeg"></figure><p data-v-35aa8657="">Первоочередная задача любого человека, прилетевшего на Бали - восстановиться после длительного перелета. Отечность, скованность и отсутствие гибкости в теле, тяжелая голова и запор - это стандартный перечень симптомов путешественников, просидевших в самолете и в транзитных зонах от 11 до 36 часов, перед тем как попасть к нам в неописуемую и потрясающую Индонезию, на сказочный Остров Бали.</p></div><div data-v-9584ba1b="" data-v-35aa8657="" class="articleInfo m_icons"><!----><!----><div data-v-9584ba1b="" class="articleInfo__item"><span data-v-9584ba1b="" class="articleInfo__item_text">May 31, 2023, 13:11</span></div><div data-v-9584ba1b="" class="articleInfo__item"><svg data-v-9584ba1b="" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="currentColor" viewBox="0 0 32 32" class="icon articleInfo__item_icon" data-icon="views"><path fill-rule="evenodd" d="M12.104 12.19c-1.23.95-2.308 2.256-3.066 3.658l-.44-.238.44.238a.322.322 0 000 .304l-.44.237.44-.238c.758 1.403 1.836 2.708 3.066 3.659 1.232.952 2.584 1.523 3.896 1.523 1.312 0 2.663-.571 3.896-1.523 1.23-.95 2.308-2.256 3.066-3.658a.323.323 0 000-.304l.44-.237-.44.238c-.758-1.402-1.837-2.708-3.066-3.658-1.233-.953-2.584-1.524-3.896-1.524-1.313 0-2.664.571-3.896 1.524zm-.612-.79C12.838 10.358 14.4 9.666 16 9.666s3.161.692 4.507 1.732c1.35 1.043 2.516 2.46 3.334 3.974.211.391.211.864 0 1.255-.818 1.514-1.985 2.93-3.334 3.973-1.346 1.04-2.907 1.732-4.507 1.732-1.6 0-3.162-.692-4.508-1.732-1.349-1.043-2.515-2.46-3.334-3.974-.21-.391-.21-.864 0-1.254.819-1.515 1.985-2.931 3.334-3.974z" clip-rule="evenodd"></path><path fill-rule="evenodd" d="M17.414 14.586a2 2 0 10-2.828 2.828 2 2 0 002.828-2.828zm.707-.707a3 3 0 10-4.242 4.242 3 3 0 004.242-4.242z" clip-rule="evenodd"></path></svg><span data-v-9584ba1b="" class="articleInfo__item_text">86</span><!----></div><!----><!----><!----></div></a>
Желаемый результат:
https://teletype.in/@ind_ex/Bali_1day
Что с этим делать — будем подумать…
<iframe width="405px" height="640px" src="https://evi-sudarto.w3spaces.com/Ttype-posr-embed.html" frameborder="0" scrolling="no" ></iframe>
Дополнение к предыдущим постам.
Код для встройки плеера рутюб
<iframe width="720" height="405" src="https://rutube.ru/play/embed/fe9664c024f1ca63acf0ba4404396e53" frameBorder="0" allow="clipboard-write; autoplay" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
в Индонезии работает с глюками, похоже на проблемы с интернет-подключением
Внимание - подсунул айди рилса в ссылку, изменил размеры и вот результат:
Надо пробовать с ютубом такое провернуть через эмбеддинг.
Вот код для ЮТ
<iframe width="560" height="315" src="https://www.youtube.com/embed/Kw3-zwU7qjs?si=5qyccE4NTHHX7Zae" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
меняем айди на /FNZJhfvHQZU?si=lOLtIxsUB4s8bHuY и вставляем
<iframe width="405px" height="720px" src="https://www.youtube.com/embed/FNZJhfvHQZU?si=lOLtIxsUB4s8bHuY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; " referrerpolicy="strict-origin-when-cross-origin" ></iframe>
Код который нормально отображает YouTube рилс на веб странице:
ссыль https://evi-sudarto.w3spaces.com/YT_embed.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>YouTube Video</title>
</head>
<body>
<div style="width: 360px; height: 640px;">
<iframe width="360" height="640" src="https://www.youtube.com/embed/FNZJhfvHQZU" frameborder="0" allowfullscreen></iframe>
</div>
</body>
</html>
используем вставку через фрейм телетайпа без указания размеров в параметрах тега,
<iframe src="https://evi-sudarto.w3spaces.com/YT_embed.html"></iframe>
размеры задаём как кастом в настройках плагина ( панель форматирования сверху)
<iframe src="https://healerdewi.000webhostapp.com/yt_emb.html"></iframe>
https://healerdewi.000webhostapp.com/yt_emb.html
https://2aea3deb-34b4-404d-91f1-9cf5bfb5dca7.selstorage.ru/html/yt_emb.html
<iframe src="https://2aea3deb-34b4-404d-91f1-9cf5bfb5dca7.selstorage.ru/html/yt_emb.html"></iframe>