Вариант вертикального позиционирования плеера с TikTok В помощь web мастеру
Сегодня, как и обещал ранее, в этой статье — я познакомлю вас с вариантом вертикального позиционирования плеера с TikTok на странице вашего сайта или блога WordPress.
Это самый простой и действенный вариант вставки видео TikTok, в отличие от предлагаемого сервисом громоздкого кода, которым большинство пользователей пренебрегают. И не случайно, т.к. iframe с TikTok’а вставляется в конструкцию blockquote, что делает вывод плеера настолько неудобным с точки зрения позиционирования, что этот вариант иначе, чем «отстойным» и не назовешь.
В моём варианте всё просто. Вы берёте основу кода плеера в iframe, прописываете необходимые размеры и помещаете в div блок с теми же размерами и всё. Плеер на вашей странице выглядит стильно и без лишних «тиктоковых наворотов».
Вам останется только заменить id ролика, скопировав все цифры в строке браузера после video/ и вставить в конструкцию iframe после слэша v1/ и прописать необходимые размеры плеера в div блоке и iframe. И всё. Ваш плеер готов.
А здесь — полный код вставки:
<iframe loading="lazy" width="470" height="780" src="https://www.tiktok.com/embed/v2/7649817405425847574?lang=ru-RU&referrer=https%3A%2F%2Fmaster-sv.com%2Fblog%2F%3Fp%3D16210%26preview%3Dtrue&embedFrom=oembed" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen="" frameborder="0"></iframe>ПРИМЕР реализации:
Чем же хорош такой вариант? А тем, что вы сможете делать короткий ролик-презентацию товара или поста, опубликовать в TikTok, а на своём сайте вставить виджет с этим роликом, который будет «гнать» трафик на ваш канал, после клика по ссылке или кнопке, которую вы можете поместить внизу плеера… если есть желание.
Хотя, плеер позволяет просматривать ваши другие видео, не покидая страницы вашего сайта. Но ссылку или кнопку можете сделать конкретно для определенного ролика, на который вы хотите, чтобы посетитель перешел после клика. Дерзайте!
Удачи и до новых встреч!
С уважением, MasterPRO
Рекомендую ознакомиться...
Подпишитесь на новости блога и получайте сообщения в числе первых!
На сегодня в блоге вашему вниманию представлено уже 256 публикаций!
Ваши данные в полной безопасности. Мы не рассылаем спам.
|
Просмотров страницы: 1345 Метки: Web мастеру | wordpress | Новости блога | Последнее обновление статьи: 14.06.2026 Короткая ссылка: https://master-sv.com/blog/?p=12705 |
 |  |
Наберитесь терпения - новые публикации в процессе осмысления...
Подписаться
авторизуйтесь
0 комментариев
