📌 جميع الشروحات وقوائم التشغيل مرتبة ومنظمة من هنا 📌


📌للاعلان على قناة اكاديمية المهندس تواصل معنا   admin@ahmedkotb.com

كيفية ضبط حجم الفيديو في مدونة بلوجر ليكون متجاوبًا مع جميع الأجهزة مهندس احمد قطب


ضبط مقاس وحجم الفيديو في بلوجر

إذا كنت تُدون على منصة بلوجر وتواجه مشكلة في ظهور الفيديوهات المضمنة بشكل غير متجاوب على مختلف الأجهزة، فهذه المقالة ستساعدك على حل هذه المشكلة بخطوات بسيطة. سنتعرف على كيفية ضبط حجم الفيديو بحيث يظهر بشكل متناسق على الكمبيوتر، اللاب توب، التابلت، والهاتف المحمول.

المشكلة في عرض الفيديوهات على بلوجر
عند تضمين فيديو من اليوتيوب في مدونتك على بلوجر، قد تواجه إحدى المشكلات التالية:

يظهر الفيديو بحجم صغير جدًا على الكمبيوتر.

يكون الفيديو أكبر من اللازم على بعض الأجهزة.

يتم اقتصاص جزء من الفيديو عند عرضه على الهاتف المحمول.

هذه المشاكل تحدث بسبب عدم تجاوب كود التضمين الافتراضي مع مختلف أحجام الشاشات، ولكن يمكن حلها بسهولة من خلال تعديل بسيط في كود HTML الخاص بالقالب وإضافة كود CSS مناسب.

 اليك طريقة بسيطه تستطيع من خلالها ضبط مقاس وحجم الفيديو في مدونة بلوجر ليظهر بشكل متجاوب ومتناسق على جميع الاجهزة

تجاوب الفيديو في بلوجر

الطريقة على خطوتين

توجه الى لوحة تحكم بلوجر ثم المظهر واضغط على تحرير 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 بمعرف الفيديو الخاص بك.

احفظ ونشر المقالة، وستجد أن الفيديو أصبح متجاوبًا مع جميع الأجهزة.

النتيجة النهائية

بعد تنفيذ هذه الخطوات، سيظهر الفيديو الخاص بك بمقاس متناسق على جميع الأجهزة، مما يحسن تجربة المستخدم ويجعل مدونتك تبدو أكثر احترافية.

بهذه الطريقة، يمكنك التحكم في عرض الفيديوهات على مدونة بلوجر بسهولة دون الحاجة إلى استخدام إضافات خارجية أو أكواد معقدة. إذا واجهت أي مشكلة أثناء التنفيذ، لا تتردد في ترك تعليق وسأكون سعيدًا بمساعدتك!

Ahmed Kotb

أنا أحمد قطب، مدون ويوتيوبر عربي مصري، أشارك خبرتي في المجال التقني بأسلوب مبسط وسهل الفهم يناسب الجميع. من خلال هذا الموقع، أعمل على نقل المعرفة التقنية بطريقة واضحة وموثوقة، مع التركيز على أحدث المعلومات والتحديثات في عالم الدفع الإلكتروني، المحافظ الرقمية، وباي بال، بالإضافة إلى طرق الربح من الإنترنت والشروحات التقنية التي يحتاجها أي مستخدم عربي. youtube youtube facebook external-link

إرسال تعليق

أحدث أقدم