مشکل نمایش کد Embed در وردپرس؛ چرا کد امبد ویدیو اجرا نمی‌شود؟

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

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

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

کد Embed در وردپرس چیست؟

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

برای مثال، وقتی ویدیویی را در یک سرویس میزبانی ویدیو بارگذاری می‌کنید، معمولاً یک کد امبد دریافت می‌کنید. با قرار دادن این کد در سایت، ویدیو داخل صفحه شما نمایش داده می‌شود؛ بدون اینکه لازم باشد فایل اصلی ویدیو را روی هاست وردپرس آپلود کنید.

کد امبد ممکن است به شکل iframe، shortcode، HTML یا script باشد. هرکدام از این مدل‌ها رفتار متفاوتی در وردپرس دارند و بسته به قالب، افزونه‌ها و محل قرار دادن کد، ممکن است به‌درستی اجرا شوند یا با مشکل روبه‌رو شوند.

چرا از کد امبد برای نمایش ویدیو استفاده می‌کنیم؟

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

با استفاده از کد Embed در وردپرس، ویدیو در یک سرویس تخصصی میزبانی می‌شود و فقط پلیر آن داخل صفحه شما نمایش داده می‌شود. این روش برای سایت‌های آموزشی، فروش دوره، ووکامرس، LearnDash، Tutor LMS و صفحات فرود بسیار کاربردی است.

مزایای استفاده از کد امبد ویدیو عبارت‌اند از:

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

برای آشنایی کامل‌تر با این موضوع، مقاله استریم ویدیو در وردپرس می‌تواند برای شما مفید باشد.

چرا کد Embed در وردپرس نمایش داده نمی‌شود؟

اگر کد Embed در وردپرس را وارد کرده‌اید اما ویدیو نمایش داده نمی‌شود، چند دلیل احتمالی وجود دارد. گاهی مشکل بسیار ساده است؛ مثلاً کد را در ویرایشگر دیداری قرار داده‌اید. گاهی هم مشکل به تنظیمات امنیتی، قالب، صفحه‌ساز یا افزونه‌های سایت مربوط می‌شود.

در ادامه رایج‌ترین علت‌های اجرا نشدن کد امبد ویدیو در وردپرس را بررسی می‌کنیم.

۱. قرار دادن کد در ویرایشگر دیداری به‌جای HTML

یکی از رایج‌ترین اشتباهات این است که کاربر کد امبد را در حالت دیداری ویرایشگر قرار می‌دهد. در این حالت، وردپرس ممکن است کد را به‌عنوان متن معمولی در نظر بگیرد و آن را اجرا نکند.

اگر از ویرایشگر گوتنبرگ استفاده می‌کنید، بهتر است برای کدهای HTML یا Script از بلوک Custom HTML استفاده کنید. اگر از ویرایشگر کلاسیک استفاده می‌کنید، باید کد را در تب «متن» یا حالت HTML قرار دهید، نه در بخش دیداری.

۲. حذف شدن کد Script توسط وردپرس یا افزونه امنیتی

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

در چنین شرایطی، باید بررسی کنید آیا نقش کاربری شما اجازه درج کدهای HTML و Script را دارد یا نه. همچنین افزونه‌های امنیتی، فایروال، تنظیمات ویرایشگر و حتی افزونه‌های محدودکننده HTML می‌توانند روی این موضوع اثر بگذارند.

۳. محدودیت نقش کاربری در اجرای کدهای HTML

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

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

۴. ناسازگاری قالب یا صفحه‌ساز با کد امبد

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

اگر از Elementor، WPBakery، Gutenberg، قالب‌های اختصاصی یا صفحه‌سازهای دیگر استفاده می‌کنید، باید کد امبد را در بخش مناسب HTML یا Code قرار دهید. استفاده از محل اشتباه می‌تواند باعث نمایش ناقص یا اجرا نشدن ویدیو شود.

۵. قرار دادن کد در بخش اشتباه افزونه‌های آموزشی

در افزونه‌های آموزشی مثل Tutor LMS، LearnDash یا سایر LMSها، همه فیلدها برای اجرای کدهای امبد طراحی نشده‌اند. بعضی بخش‌ها فقط لینک ساده قبول می‌کنند، بعضی برای YouTube و Vimeo آماده شده‌اند و بعضی قسمت‌ها اجازه اجرای HTML یا Script را ندارند.

اگر کد امبد ویدیو را در بخش اشتباه قرار دهید، ممکن است ویدیو نمایش داده نشود یا کد به متن تبدیل شود. برای همین، باید در هر افزونه آموزشی بررسی کنید کدام بخش برای HTML، Embed یا محتوای سفارشی مناسب است.

برای نمونه، قبلاً درباره اتصال ویدیوکلیک به افزونه لرن دش LearnDash و همچنین نمایش ویدیو در ووکامرس توضیح داده‌ایم.

۶. تداخل افزونه کش یا بهینه‌سازی

افزونه‌های کش و بهینه‌سازی گاهی فایل‌های JavaScript را فشرده، ترکیب یا با تأخیر بارگذاری می‌کنند. این کار برای افزایش سرعت سایت مفید است، اما در بعضی موارد ممکن است روی اجرای کد امبد اثر بگذارد.

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

روش‌های درست قرار دادن کد Embed در وردپرس

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

استفاده از بلوک Custom HTML در گوتنبرگ

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

مراحل کلی:

1. وارد نوشته، برگه یا محصول مورد نظر شوید.
2. روی افزودن بلوک کلیک کنید.
3. بلوک Custom HTML را انتخاب کنید.
4. کد Embed ویدیو را داخل آن قرار دهید.
5. صفحه را ذخیره یا منتشر کنید.
6. نمایش ویدیو را در حالت کاربر عادی بررسی کنید.

استفاده از ویرایشگر کد در وردپرس

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

اگر کد بعد از ذخیره تغییر کرده باشد، یعنی احتمالاً ویرایشگر یا تنظیمات سایت اجازه نگهداری آن بخش را نداده است. در این حالت باید از روش دیگری مثل بلوک HTML، ویجت HTML یا قالب اختصاصی استفاده کنید.

استفاده از ابزار HTML در صفحه‌سازها

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

برای مثال، در بسیاری از صفحه‌سازها، ویجت مخصوص HTML برای کدهای امبد وجود دارد. بهتر است کد ویدیو را داخل همان بخش قرار دهید تا احتمال حذف یا نمایش اشتباه کمتر شود.

قرار دادن کد امبد در افزونه‌های LMS

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

در چنین شرایطی، اگر کد امبد اجرا نشد، بهتر است مسیر جایگزین را بررسی کنید؛ مثلاً قرار دادن کد داخل محتوای درس، استفاده از بلوک HTML، استفاده از Shortcode یا استفاده از افزونه اختصاصی سازگاری.

کد امبد ویدیوکلیک در وردپرس چگونه استفاده می‌شود؟

کد امبد ویدیوکلیک برای نمایش ویدیو داخل سایت استفاده می‌شود. شما ویدیو را در ویدیوکلیک بارگذاری می‌کنید، کد امبد را دریافت می‌کنید و سپس آن را داخل وردپرس قرار می‌دهید.

نمونه ساختار کد امبد ویدیوکلیک معمولاً به شکل زیر است:

<script id="VIDEO_ID" src="https://stream.videoclick.ir/Video/Embed/VIDEO_ID"></script>

برای استفاده از این کد، بهتر است آن را در بلوک Custom HTML یا محل مناسب اجرای کد قرار دهید. اگر کد را در ویرایشگر دیداری قرار دهید، ممکن است اجرا نشود یا به‌صورت متن نمایش داده شود.

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

نکات امنیتی هنگام استفاده از کدهای امبد

کدهای امبد باید از منابع معتبر دریافت شوند. هر کدی را نباید داخل سایت قرار داد؛ چون کدهای ناشناس ممکن است باعث مشکل امنیتی، کندی سایت یا اختلال در نمایش صفحات شوند.

برای استفاده امن‌تر از کد Embed در وردپرس، این نکات را رعایت کنید:

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

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

اشتباهات رایج کاربران هنگام درج کد امبد ویدیو

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

• قرار دادن کد در حالت دیداری ویرایشگر
• استفاده نکردن از بلوک Custom HTML
• کپی ناقص کد امبد
• قرار دادن کد در فیلدی که فقط لینک ساده قبول می‌کند
• فعال بودن افزونه امنیتی که کد Script را حذف می‌کند
• تست نکردن صفحه از سمت کاربر عادی
• پاک نکردن کش بعد از تغییرات
• قرار دادن کد در بخش اشتباه افزونه‌های LMS
• آپلود مستقیم ویدیو روی هاست وردپرس به‌جای استفاده از سرویس ویدیو

برای جلوگیری از این اشتباهات، بعد از درج کد حتماً صفحه را ذخیره کنید، سپس آن را در حالت نمایش عمومی، مرورگر دیگر و موبایل بررسی کنید.

معرفی ویدیوکلیک برای نمایش ویدیو داخل وردپرس

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

با سرویس استریم و میزبانی ویدیو ویدیوکلیک، ویدیوهای آموزشی خارج از هاست اصلی سایت نگهداری می‌شوند و داخل نوشته، برگه، محصول ووکامرس، صفحه دوره یا درس‌های LMS نمایش داده می‌شوند.

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

اگر کد Embed همچنان نمایش داده نشد چه کار کنیم؟

اگر همه مراحل را انجام دادید اما کد امبد همچنان نمایش داده نشد، بهتر است مرحله‌به‌مرحله مشکل را بررسی کنید. ابتدا مطمئن شوید کد کامل و بدون تغییر است. سپس محل قرار دادن کد را عوض کنید و آن را در بلوک Custom HTML قرار دهید.

اگر باز هم ویدیو نمایش داده نشد، افزونه‌های کش و امنیتی را بررسی کنید. گاهی یک تنظیم ساده در افزونه کش باعث می‌شود اسکریپت ویدیو به‌درستی اجرا نشود. همچنین بهتر است صفحه را در حالت کاربر عادی و مرورگر ناشناس تست کنید.

در نهایت، اگر از افزونه آموزشی خاصی استفاده می‌کنید، بررسی کنید آن افزونه چه نوع منابع ویدیویی یا کدهایی را پشتیبانی می‌کند. بعضی افزونه‌ها برای نمایش ویدیو نیاز به مسیر یا تنظیمات اختصاصی دارند.

جمع‌بندی

کد Embed در وردپرس روش کاربردی و حرفه‌ای برای نمایش ویدیو داخل سایت است، اما اگر در محل اشتباه وارد شود یا افزونه‌ها و تنظیمات سایت آن را محدود کنند، ممکن است ویدیو نمایش داده نشود. برای حل این مشکل باید کد را در بخش مناسب مثل Custom HTML قرار دهید، دسترسی‌ها و افزونه‌های امنیتی را بررسی کنید و صفحه را از سمت کاربر عادی تست کنید.

اگر سایت آموزشی، محصول ووکامرس یا دوره آنلاین دارید، بهتر است ویدیوهای سنگین را روی هاست وردپرس آپلود نکنید. سرویس‌هایی مثل ویدیوکلیک به شما کمک می‌کنند ویدیوها را خارج از هاست سایت میزبانی کنید و داخل وردپرس با کد Embed یا پلیر اختصاصی نمایش دهید.

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