تضمين محتوى الويب مثل مقاطع فيديو YouTube هوسهل جدًا ، نظرًا لأن الخدمة تمنحك رمز التضمين وتحتاج فقط إلى لصقه. تكمن المشكلة في أنه إذا كنت تقوم بلصق الرابط في موقع ويب ذي تصميم استجابة ، فلن يتغير حجم إطار الفيديو لأن رمز التضمين نفسه لا يستجيب. ينطبق نفس الشيء على التضمين من خرائط Google و Vimeo و Instagram. إذا كنت تعرف كيفية القيام بذلك ، فيمكنك دائمًا تعديل الكود بنفسك لجعله مستجيبًا ، ولكن الطريقة الأسرع والأسهل بكثير هي استخدام تضمين استجابة. إنه تطبيق ويب مخصص لتزويدك برموز تضمين سريعة الاستجابة للمحتوى على خدمات مثل YouTube و Vimeo و Google Maps و Instagram.
استخدام تضمين استجابة بسيط بما فيه الكفاية. ستحتاج أولاً إلى العثور على ما تقوم بتضمينه ، سواء كان موقعًا على خرائط Google أو مقطع فيديو على YouTube أو Vimeo أو صورة أو مقطع فيديو قصير على Instagram. لا تحتاج إلى نسخ رمز التضمين من ميزة الخدمة الخاصة ؛ ما عليك سوى نسخ عنوان URL لصفحتها. بعد ذلك ، قم بزيارة Embed Responsively وحدد نفس الخدمة هناك من الخيارات المتاحة.
الصق عنوان URL الذي نسخته من الخدمة ،وانقر فوق الزر "تضمين". سترى معاينة للفيديو أو الخريطة أو الصورة التي تقوم بتضمينها ورمز التضمين المتجاوب تحتها. الآن كل ما عليك فعله هو لصق شفرة التضمين على موقع الويب الخاص بك كما تفعل مع أي كود تضمين آخر يتم إنشاؤه تلقائيًا ، وسيعمل بكفاءة ، مع تغيير حجم نفسه وفقًا لحجم الشاشة.
وغني عن القول أنه إذا كنت تريدرمز التضمين المستجيب للعمل كما هو معلن على موقع الويب الخاص بك ، يجب أن يكون لدى موقع الويب نفسه تصميم متجاوب من البداية ، أو لن تكون هناك فائدة من استخدام كود التضمين المتجاوب. هذا لأنه موقع الويب الخاص بك هو الذي يجب عليه اكتشاف تغيير في حجم الشاشة. يمكنك اختبار الشفرة في موقع Embed Responsively نفسه عن طريق لصق رابط ثم تغيير حجم نافذة المتصفح. سترى أن المعاينة التي تم إنشاؤها هناك يتم تغيير حجمها أثناء تغيير حجم النافذة. كما يجب الحرص على عدم التمسك بحواف النافذة ، وترك الحشوة على كلا الجانبين.
قد يفاجئ البعض لمعرفة أن التضمينلا تستجيب الشفرة الواردة من مواقع الويب مثل YouTube و Google Maps ، خاصة عندما تقدم خدمات مثل Twitter و SoundCloud للمستخدمين شفرة تضمين استجابة بشكل افتراضي. يساعدك Embed Responsively أيضًا في العثور على الخدمات الأخرى التي تفعل ذلك ، ضمن علامة التبويب "المزيد".
زيارة تضمين استجابة
[عبر الويب التالي]
تعليقات