رفتن به محتوای اصلی
مجله TTVE

مجله

کد امبد (iframe) چیست و چطور ویدیو را در هر سایتی بگذاریم

۴ شهریور ۱۴۰۵۱ دقیقه مطالعهAmir
کد امبد (iframe) چیست و چطور ویدیو را در هر سایتی بگذاریم

کد امبد (iframe) چیست و چطور ویدیو را در هر سایتی بگذاریم

توضیح سئو: iframe چیست، کد امبد ویدیو چگونه کار می‌کند و برای قراردادن امن و واکنش‌گرای پلیر در سایت چه نکاتی را رعایت کنیم؟

iframe یک قاب درون صفحه وب است که محتوایی از یک نشانی دیگر را نمایش می‌دهد. وقتی پلیر ویدیو را امبد می‌کنید، صفحه سایت شما محل نمایش است اما پخش‌کننده و منبع ویدیو در محیط مخصوص خود اجرا می‌شود. این جداسازی برای قرار دادن ویدیو در وب‌سایت‌های مختلف مفید است.

نمونه ساده کد امبد

کد واقعی را سرویس ویدیو تولید می‌کند، اما ساختار آن معمولاً شبیه این است:

<iframe src="https://example.com/player/abc" title="دموی محصول"></iframe>

نشانی، تنظیمات و ویژگی‌های امنیتی را فقط از پنل سرویس خود بردارید. استفاده از کدهای ناشناس یا تغییر دستی پارامترها می‌تواند باعث خطای پخش یا نمایش محتوای اشتباه شود.

واکنش‌گرایی را فراموش نکنید

پلیر باید در موبایل و نمایشگر بزرگ به‌درستی جا بگیرد. بعضی سرویس‌ها کد آماده واکنش‌گرا می‌دهند و بعضی از شما می‌خواهند قاب را در یک کانتینر با نسبت تصویر مناسب قرار دهید. پس از قراردادن کد، عرض صفحه را کم‌وزیاد کنید، حالت عمودی موبایل را ببینید و مطمئن شوید دکمه‌های پلیر زیر محتوای دیگر پنهان نشده‌اند.

امبد خوب فقط فنی نیست

فکر کنید کاربر پس از پخش چه کاری باید انجام دهد. اگر ویدیو معرفی محصول است، CTA مرتبط و قابل‌دیدن داشته باشید. اگر درس آموزشی است، مسیر درس بعدی یا منبع تکمیلی را مشخص کنید. شخصی‌سازی پلیر ویدیو به هماهنگی پلیر با تجربه برند می‌پردازد.

برای سایت وردپرسی، مراحل قراردادن کد در ویرایشگر را در آموزش قرار دادن ویدیو در وردپرس بخوانید. اگر می‌خواهید کنترل کنید ویدیو در چه موقعیت‌هایی نمایش داده شود، ویدیوی عمومی، غیرفهرست و خصوصی کمک می‌کند سطح دسترسی مناسب را انتخاب کنید.

ویدیوهای‌تان را روی TTVE میزبانی کنید

آپلود کنید، HLS بگیرید و آمار تماشا را ببینید — بدون تبلیغ دیگران.