ضبط مقاس وحجم الفيديو في بلوجر
تجاوب الفيديو في بلوجر
الطريقة على خطوتينتوجه الى لوحة تحكم بلوجر ثم المظهر واضغط على تحرير html
الخطوه الاولى :
ابحث عن الوسم ]]></b:skin> وضع هذا الكود قبله ثم حفظ
الخطوة الثانية :
انسخ رمز تضمين الفيديو وضعه وسط هذا الكود وضعه في مقالتك قبل نشرها
طريقة آخرى لضبط حجم الفيديو في بلوجر
الخطوة الأولى: إضافة كود CSS للقالبهذه الخطوة تُنفذ مرة واحدة فقط لكل مدونة، ويتم ذلك كالتالي:
انتقل إلى لوحة تحكم بلوجر.
اختر المظهر.
اضغط على تعديل HTML.
ابحث عن وسم </b:skin> وذلك بالضغط على Ctrl + F وكتابة </b:skin> في مربع البحث.
قبل هذا الوسم مباشرة، قم بلصق كود CSS التالي:
.video-container {position: relative;padding-bottom: 56.25%; /* نسبة العرض إلى الارتفاع للفيديو */height: 0;overflow: hidden;max-width: 100%;}.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}{codeBox}
بعد ذلك، احفظ التعديلات بالضغط على أيقونة حفظ.
الخطوة الثانية: تضمين الفيديو داخل المقالات
يتم تنفيذ هذه الخطوة مع كل فيديو جديد ترغب في إضافته إلى مدونتك:
انتقل إلى فيديو اليوتيوب الذي ترغب في إضافته.
اضغط على مشاركة ثم تضمين.
انسخ كود التضمين الذي يظهر.
انتقل إلى لوحة تحكم بلوجر ثم المشاركات.
اختر إنشاء مشاركة جديدة أو تعديل مشاركة قديمة.
انتقل إلى وضع HTML داخل محرر المقالات.
ضع كود التضمين داخل div يحمل الفئة video-container كالتالي:
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
</div> {codeBox}
استبدل VIDEO_ID بمعرف الفيديو الخاص بك.
احفظ ونشر المقالة، وستجد أن الفيديو أصبح متجاوبًا مع جميع الأجهزة.
النتيجة النهائية
بعد تنفيذ هذه الخطوات، سيظهر الفيديو الخاص بك بمقاس متناسق على جميع الأجهزة، مما يحسن تجربة المستخدم ويجعل مدونتك تبدو أكثر احترافية.
بهذه الطريقة، يمكنك التحكم في عرض الفيديوهات على مدونة بلوجر بسهولة دون الحاجة إلى استخدام إضافات خارجية أو أكواد معقدة. إذا واجهت أي مشكلة أثناء التنفيذ، لا تتردد في ترك تعليق وسأكون سعيدًا بمساعدتك!