Home • WEB мастеру • Статьи • Вариант вертикального позиционирования плеера с TikTok

Вариант вертикального позиционирования плеера с TikTok В помощь web мастеру

📝 Пост № 211 от 10 августа 2025 | В категории WEB мастеру, Статьи | Комментариев нет

tiktok-vertikal Сегодня, как и обещал ранее, в этой статье — я познакомлю вас с вариантом вертикального позиционирования плеера с TikTok на странице вашего сайта или блога WordPress.

Это самый простой и действенный вариант вставки видео TikTok, в отличие от предлагаемого сервисом громоздкого кода, которым большинство пользователей пренебрегают. И не случайно, т.к. iframe с TikTok’а вставляется в конструкцию blockquote, что делает вывод плеера настолько неудобным с точки зрения позиционирования, что этот вариант иначе, чем «отстойным» и не назовешь.

В моём варианте всё просто. Как и в прошлой статье, вы берёте основу кода плеера в iframe, прописываете необходимые размеры и помещаете в div блок с теми же размерами и всё. Плеер на вашей странице выглядит стильно и без лишних «тиктоковых наворотов».

Вам останется только заменить id ролика, скопировав все цифры в строке браузера после video/ и вставить в конструкцию iframe после слэша v1/ и прописать необходимые размеры плеера в div блоке и iframe. И всё. Ваш плеер готов.
А здесь — полный код вставки:

Чем же хорош такой вариант? А тем, что вы сможете делать короткий ролик-презентацию товара или поста, опубликовать в TikTok, а на своём сайте вставить виджет с этим роликом, который будет «гнать» трафик на ваш канал, после клика по ссылке или кнопке, которую вы можете поместить внизу плеера… если есть желание.

Хотя, плеер позволяет просматривать ваши другие видео, не покидая страницы вашего сайта. Но ссылку или кнопку можете сделать конкретно для определенного ролика, на который вы хотите, чтобы посетитель перешел после клика. Дерзайте!