منشئ كود تضمين يوتيوب
أنشئ أكواد iframe متجاوبة مع التشغيل التلقائي والتكرار وخيارات أخرى.
الصق رابط يوتيوب لتوليد كود التضمين.
تضمين فيديو يوتيوب يبدو كنسخ الكود الذي يمنحك يوتيوب، ولصفحة ساكنة هو كذلك. تبدأ المشكلة على المواقع الحقيقية: كود تضمين يوتيوب الافتراضي إطار بحجم ثابت يكسر التخطيطات المتجاوبة، فائضًا على الهواتف وتاركًا فجوات على الشاشات العريضة. جعل فيديو يتوسّع نظيفًا عبر كل جهاز يتطلّب تقنية CSS محددة لا يوفّرها زر نسخ يوتيوب، زائد معرفة أي من معاملات التضمين الكثيرة تفعل فعلًا ما تدّعيه. تبني هذه الأداة كود تضمين متجاوبًا ومُعامَلًا بشكل صحيح — تشغيل تلقائي، تكرار، وقت بدء، تحكم، ووضع خصوصية — يسلك بشكل صحيح في تخطيط حديث.
كيف تعمل الأداة
الصق رابط فيديو واختر خياراتك — تشغيل تلقائي، تكرار، بدء مكتوم، تحكم مخفي، وقت بدء، وضع معزّز الخصوصية. تولّد الأداة كود الإطار بتلك المعاملات مضبوطةً صحيحًا، ملفوفًا في الحاوية المتجاوبة التي تجعله يتوسّع لأي عرض مع حفظ نسبة 16:9. انسخ الكود لصفحتك ويُعيد الفيديو تحجيم نفسه نظيفًا من هاتف لسطح مكتب دون الفيض أو الأشرطة التي تسببها التضمينات الخام.
تقنية التضمين المتجاوب
الغلاف يحمل نسبة العرض؛ والإطار يملؤه:
<div style="position:relative; padding-bottom:56.25%;
height:0; overflow:hidden;">
<iframe style="position:absolute; top:0; left:0;
width:100%; height:100%;"
src="youtube.com/embed/ID" ...></iframe>
</div>
56.25% = 9 ÷ 16 → يقفل 16:9 عند أي عرضحشو 56.25% هو الحيلة كلها. padding-bottom معبَّرًا عنه كنسبة يُحسب مقابل عرض العنصر، فحشو 9/16 يجبر الحاوية على أن تكون دائمًا 56.25% ارتفاعًا بقدر عرضها — صندوق 16:9 مثالي عند أي حجم شاشة. ثم يملأ الإطار المُموضَع مطلقًا ذلك الصندوق. يستطيع CSS الحديث فعل الشيء ذاته بـaspect-ratio: 16/9، وهو أنظف، لكن تقنية الحشو لا تزال بأوسع دعم متصفحات، ولهذا كود التضمين المولَّد يستخدمها غالبًا.
ما يجب معرفته عن التضمين
- 1التشغيل التلقائي يتطلّب الكتم، بقاعدة المتصفح. Chrome وSafari وFirefox كلها تحجب الفيديو ذاتي التشغيل بصوت — استجابة سياسية لسنوات من الضجيج غير المرغوب. تضمين مضبوط للتشغيل التلقائي لن يبدأ فعلًا إلا إن كان مكتومًا أيضًا؛ تقرن هذه الأداة بينهما فيعمل التشغيل التلقائي الذي طلبته.
- 2استخدم الوضع معزّز الخصوصية ما لم يكن لديك سبب لعدمه. تقديم التضمين من youtube-nocookie.com يمنع يوتيوب من وضع كوكيز تتبّع حتى يشغّل المشاهد الفيديو فعلًا، ما يبسّط التزامات موافقة الكوكيز لديك وأكثر احترامًا للزوار ببساطة. إنه تغيير نطاق واحد بلا عيب لمعظم المواقع.
- 3كل تضمين يكلّف أداء تحميل. إطار يوتيوب يسحب قدرًا كبيرًا من السكربت والموارد، وعدة على صفحة واحدة تُبطئها ملحوظًا. لصفحات بفيديوهات كثيرة، «واجهة» — صورة مصغّرة تحمّل الإطار الحقيقي عند النقر فقط — تحفظ السرعة مع مظهر متطابق حتى التفاعل.
- 4التضمينات تُحتسب لعدد مشاهدات الصانع العام، بشروط. تشغيل حقيقي في مشغّل مضمَّن مشاهدة حقيقية، ولهذا تضمين فيديوهاتك على موقعك ترويج مشروع. الحلقات المكتومة ذاتية التشغيل عمومًا لا تُحتسب، إذ يفلتر يوتيوب للمشاهدات المقصودة — سبب لعدم توقّع أن يضخّم فيديو خلفية متكرر أرقامك.
- 5احترم نسبة العرض للمحتوى الفعلي. صندوق 16:9 المتجاوب صحيح للفيديوهات المعيارية، لكن Shorts هي 9:16 عمودية وتحتاج حشوًا معكوسًا 177.78%. إجبار محتوى عمودي في صندوق أفقي يضع أشرطة جانبية سوداء — طابق الحاوية مع صيغة المصدر.
الأسئلة الشائعة
لماذا يفيض فيديوي المضمَّن على الهاتف؟
لأن كود تضمين يوتيوب الافتراضي يستخدم أبعاد بكسل ثابتة، كـ560×315، لا تستطيع الانكماش لملاءمة شاشة ضيقة. الإصلاح تقنية الغلاف المتجاوب: حاوية تحمل نسبة 16:9 بحشو نسبة مئوية، مع الإطار مُموضَع مطلقًا ليملؤها. ذلك يجعل الفيديو يتوسّع لأي عرض تلقائيًا. تولّد هذه الأداة ذلك الغلاف لك بدل الافتراضي بحجم ثابت.
لماذا لا يعمل تضمين تشغيلي التلقائي تلقائيًا؟
المتصفحات تحجب التشغيل التلقائي بصوت عالميًا — قاعدة صارمة لا إعداد تتجاوزه. تضمين ذاتي التشغيل يبدأ فقط إن كان مكتومًا أيضًا. تضيف هذه الأداة معامل الكتم تلقائيًا حين تُفعّل التشغيل التلقائي، فيحدث السلوك الذي طلبته. إن احتجت صوتًا، يجب أن يبدأه المشاهد، وهو بالضبط السياسة التي تقصدها المتصفحات.
ما الوضع معزّز الخصوصية وهل أستخدمه؟
يقدّم التضمين من youtube-nocookie.com، ما يمنع يوتيوب من وضع كوكيز تتبّع على الزوار حتى يشغّلوا الفيديو فعلًا. لمعظم المواقع يستحق الاستخدام: يخفّف متطلبات موافقة الكوكيز ويحترم الزوار، بلا عيب وظيفي — يُشغّل الفيديو متطابقًا. السبب الوحيد لتخطّيه إن كنت تعتمد تحديدًا على تتبّع يوتيوب المعياري للتضمين، وهو ما لا تفعله معظم المواقع.
هل تُحتسب المشاهدات المضمَّنة لعدد مشاهدات فيديوي؟
التشغيلات الحقيقية تفعل. حين ينقر زائر تشغيل في مشغّل مضمَّن، يُسجَّل ذلك كمشاهدة حقيقية كما على يوتيوب ذاته، ولهذا تضمين فيديوهاتك على موقعك ترويج مشروع. ما لا يُحتسب هو الحلقات المكتومة ذاتية التشغيل وغيرها من التشغيلات غير المقصودة — يفلترها يوتيوب، فحلقة خلفية صامتة لن تحشو أرقامك.
كيف أضمّن فيديوًا يبدأ عند وقت محدد؟
استخدم معامل start بقيمة بالثواني — لاحظ أن التضمينات تتطلّب start لا t المستخدم على روابط المشاهدة. تتضمّن هذه الأداة خيار وقت بدء يضبطه صحيحًا. إن أردت أيضًا توقّف الفيديو عند نقطة، تقبل التضمينات فريدةً معامل end أيضًا، متيحةً تشغيل مقطع محدد فقط، ما لا تستطيعه صفحة المشاهدة العادية.