عند استخدام خيار “فحص العنصر” في صفحة المتصفح ونقله إلى CSS الخاص بتضمين تيك توك وإنستغرام، يعمل CSS، ولكن عند وضع كود CSS هذا في ديسكورس، لا يتغير شيء.
كنت أقوم بإزالة الخلفية البيضاء الضخمة من تضمين منشورات إنستغرام ووضع حد رفيع 1 بكسل وحد دائري 50 بكسل، وهو نفس ما فعلته لتيك توك والذي قلل أيضًا من حجم المنشور، حيث يظهر مقصوصًا على الهاتف المحمول، ولكن لم يتغير شيء.
لا يمكنك بشكل عام معالجة محتوى إطار iframe الذي ينشأ من نطاق مختلف بسبب سياسة المصدر نفسه - بدون هذا النوع من القيود، يمكنك، على سبيل المثال، استبدال صورة بـ CSS تجعلها تبدو وكأن مستخدم Instagram نشر شيئًا لم ينشره.
ولكن ألا يمكنك فقط تغيير الخلفية، ونصف قطر الحدود، وحجم المنشور؟ (بدون تغيير محتوى الشخص؟)
في إنستغرام، توجد هذه الخلفية البيضاء التي تفسد المظهر الأسود، وبصرف النظر عن هذه المساحة الضخمة التي تفسد المنشور كثيرًا
على تويتر تمكنت من إزالة الخلفية البيضاء وجعلها شفافة (للتكيف مع أي سمة) ووضع حدود دائرية بنصف قطر 50 بكسل وحدود رفيعة
يمكنك معالجة علامة iframe نفسها (إضافة حدود، وزوايا مستديرة، وما إلى ذلك)، ولكن بشكل عام، المحتوى الموجود بداخلها غير مسموح به تمامًا. توفر بعض الخدمات خيارات تضمين، مثل تويتر الذي لديه بعض الخيارات على https://publish.twitter.com/
كيف يمكنني التلاعب بعلامة iframe الخاصة بـ instalgram و tiktok؟ لأن الطريقة التي فعلتها هنا لم تنجح
إذا قمت بتضمين مقطع فيديو من تيك توك بهذه الطريقة:
\u003ciframe src=\"https://www.tiktok.com/embed/v2/7181493818871565574\" height=\"800\" width=\"400\"\u003e
يمكنك إضافة أنماط إلى سمة Discourse بهذه الطريقة:
iframe {
border: 1px solid red;
border-radius: 20px;
}
ولكنك مقيد بتحرير وسم iframe نفسه فقط.