توليد رموز تضمين استجابة بسهولة مع هذا التطبيق المجاني
كل مصمم ويب يعرف كيفية تضمين الفيديو. التضمين هو أسهل طريقة لمشاركة المحتوى وتحسين مقالاتك مع الوسائط ذات الصلة.
ومع ذلك ، هناك مشكلة في iframes ومقاطع الفيديو المشابهة الأخرى: the عدم وجود حلول استجابة. يستجيب كل موقع حديث تمامًا ويمكن لمقطع فيديو ثابت أن يكسر هذا التدفق على الجوّال.
لمواجهة هذه المشكلة ، حاول Embedresponsively.com. هذا التطبيق المجاني على شبكة الإنترنت ينشئ تلقائيًا رموز التضمين لمجموعة واسعة من المواقع الإعلامية وحتى يدعم عناصر iframe الافتراضية.
افتراضيا ، يمكنك اختر من بين حفنة من مواقع الوسائط المتعددة التي تدعم التضمين الأصلي:
- موقع YouTube
- فيميو
- ديلي موشن
- إينستاجرام
- تغريد
- خرائط جوجل
- SoundCloud لل
- Scribd
لا تحتاج إلى حفظ كل هذه الرموز المضمنة أو الفوضى باستخدام أدوات التضمين الخاصة بهم. مجرد انسخ عنوان URL لأي عنصر تريد تضمينه والصقه في تطبيق الويب.
بمجرد النقر فوق “تضمين” زر ، سوف الحصول على معاينة ذلك ما تستطيع اختبار في المتصفح الخاص بك عن طريق تغيير حجم, لنرى كيف يتكيف الفيديو. تحت جزء المعاينة ، ستجد كتلة من التعليمات البرمجية التي يمكنك نسخ / لصق واستخدام لتضمين على موقعك.
هذا واحد من أبسط الحلول لمشكلة التضمين المتجاوبة. الهدف هو حافظ على مرونة الفيديو مع الحفاظ على نسبة العرض إلى الارتفاع-ليست مهمة سهلة.
هناك قطعة رائعة على CSS-Tricks مع حل آخر يعتمد بدرجة أكبر على الفئات وعنصر الحاوية. لكن اذا انت لا تريد أن تتذكر دائمًا إضافة تلك الحاوية قد تفضل Embedresponsively.com.
نلقي نظرة خاطفة على الموقع وتعطيه فرصة. إذا كنت لا تمانع العمل مع مقتطفات رمز أطول هذا هو بالتأكيد حل كبير لأي تخطيط استجابة.
ويمكنك العثور على شفرة المصدر الكاملة مجانًا على GitHub إذا كنت ترغب في ذلك أضف دعمًا لمزيد من الوسائط القابلة للتضمين.
