منجز
معلومة جديدة كل يوم

كيفية جعل أشرطة فيديو يوتيوب تستجيب في مدونتك

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

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

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

شاهد اكتر

اجعل مقاطع فيديو YouTube مستجيبة في Blogger:

العملية برمتها لجعل أشرطة فيديو يوتيوب تستجيب في مدون بلوق جزءان رئيسيان. يمكننا القيام بذلك من خلال تطبيق مقتطف صغير من شفرة CSS في قالب المدون الخاص بنا مرة واحدة. أخيرًا ، يمكننا الحصول على شفرة iframe للفيديو من youtube ولصقها في منشور مدونة Blogger داخل “<div> … .. </div>” مخصصة. دعنا نذهب للجزء الأول:

1. قم بتسجيل الدخول إلى حساب Blogger بالنقر هنا وانتقل إلى منطقة ” القالب / السمة ” كما هو موضح أدناه.
2. الآن انقر على زر ” تحرير HTML ” (في الجانب الأيمن).
3. بعد ذلك ، سترى محرر HTML الخاص بقالب المدون. من هنا ، ابحث عن الكود “]]> </ b: skin>”.
4. امسك مقتطف CSS التالي والصقه مباشرةً أعلى ” ]]> </ b: skin> ” كما هو موضح أدناه.

/ * فيديو مستجيب بواسطة https://bloggersorigin.com
-------------------------------------------------- -------------------------- * /
.video-embed-area {margin: 0px auto؛ أقصى عرض: 560 بكسل ؛}
.video-container {max-width: 100٪؛ الارتفاع: 0 الموقف: نسبي إخفاء الفائض؛ الحشو أسفل: 56 ٪ ؛}
.video-container iframe {position: absolute؛ أعلى: 0 ؛ اليسار: 0 ؛ العرض: 100 ٪ ؛ الارتفاع: 100 ٪ ؛}
اجعل مقاطع فيديو YouTube مستجيبة في Blogger

5. أخيرًا ، انقر فوق الزر ” حفظ القالب ” ، وقد انتهيت. لذلك نجحنا في تنفيذ كود CSS لجعل مقاطع فيديو youtube تستجيب في مدونة المدون الخاصة بنا. الآن دعنا نذهب للباقي.

إضافة مقاطع فيديو YouTube مستجيبة في منشور Blogger:

هذا هو الوقت المناسب للاستيلاء على كود iframe الخاص بـ youtube video المطلوب وجعله متجاوبًا أثناء الإدراج في أي منشور في المدونة. في الواقع ، ستكون هذه عملية مستمرة. يجب عليك اتباع هذه الخطوات في كل مرة لجعل أي فيديو يستجيب لأي منشور في المدونة. ولكن الحقيقة هي أنها عملية سهلة للغاية وتحتاج إلى نقرات قليلة.

1. نعلم أنه يجب علينا تسجيل الدخول إلى YouTube للحصول على رمز تضمين الفيديو. فافعل ذلك باستخدام اسم مستخدم وكلمة مرور حساب Google الخاص بك. حدد الفيديو الذي تريده وانقر على رابط ” مشاركة “> ” تضمين ” كما هو موضح أدناه وانسخ كود iframe للفيديو.

الحصول على مدونة فيديو يوتيوب تضمين

2. عد إلى حساب المدون الخاص بك وقم بإنشاء ” منشور جديد “.
3. حدد وضع ” HTML ” لمحرر منشور مدونة Blogger. (عادةً ما تظل في وضع “إنشاء”.)
4. ابحث عن المنطقة المحددة التي ترغب في إضافة الفيديو إليها داخل مدونتك. انسخ شفرة HTML التالية والصقها في تلك المنطقة.

الشفرة:

<div class = "video-embed-area">
<div class = "video-container">
<iframe width = "560" height = "315" src = "https://www.youtube.com/embed/P4zfxEVqYaw" frameborder = "0" allowfullscreen> </iframe>
</ div>
</ div>

5. أخيرًا ، استبدل كود iframe المميز برمز فيديو youtube المحدد (الخطوة 1). هذا هو. ستجد الفيديو مستجيبًا بعد نشر منشور المدونة الخاص بك.

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

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

اترك تعليقا