جعل فيديوهات يوتيوب متجاوبة 100% في مدونة بلوجر

جعل فيديوهات يوتيوب متجاوبة 100% في مدونة بلوجر

فيديوهات متجاوبة في مدونة بلوجر
فيديوهات متجاوبة في مدونة بلوجر


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


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


 فيديوهات يوتيوب متجاوبة تلقائيا على مدونة بلوجر


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


بسم الله والصلاة وسلام على رسول الله اما بعد ، احبتي متابعي مدونة هشام هاشم للمعلوميات والتقنيات والربح من الانترنت ، اليوم في قسم دروس بلوجر سوف نقدم لكم كيفية جعل فيديوهات يوتيوب متجاوبة مع الهواتف الذكية والاجهزة اللوحية دون تغيير المقاس ، نعم يمكنك ذلك دون تغيير حجم الفيديو لا في الطول ولا العرض ، وتعلمون ان الفيديوهات اذا تريد ان يكون بالمقاس المطلوب لابد ان يكون في العرض على الاقل 400 بكسيل وربما 336 بكسيل على حسب الهواتف الذكية ، ولكن الان لن تعاني من هذه المشكلة التي ربما عانيت منها كثيرا بعدما قمت بـ انشاء مدونة بولجر .


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


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



لهذا في هذه التدوينة على موقعنا اربح من النت irbahnet سوف نقدم لكم كيفية جعل الفيديوهات متجاوبة مع الهواتف الذكية دون تغيير المقاس في مدونة بلوجر ، ودون تغيير القالب ، و دون اضفتها في HTML ، ماعليك الا إتباع الشرح مع هذه الاضافة التي بين ايديكم من اجل استخدامها في كل مره تقوم بوضع الفيديو في المدونة .


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



كيفية جعل الفيديوهات متجاوبة مع الهواتف الذكية دون تغيير المقاس في المدونة بلوجر



تقوم بدخول الى المشاركة الجديدة >> ثم تنتقل من عرض وضع الانشاء الى عرض HTML و إضافة هذا الكود ، ومن اسفله مباشرة نضيف الفيديو الذي تريد ان يظهر في المدونة ويكون بالتضمين .


 
  


سوف تجد في اخر الكود تضمين لفيديو من القناة كتالي :


<style type=”text/css”>

.video-container {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px; height: 0; overflow: hidden;

}

.video-container iframe,

.video-container object,

.video-container embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

</style>

<br />

<div class=”video-container”>

<iframe width=”560″ height=”315″ src=”https://www.youtube.com/embed/GFDgnBTWMbg” frameborder=”0″ allowfullscreen></iframe


انت سوف تقوم بتغيره الى تضمين الفيديو الذي تريد وهذا مثال في الصورة .


2016 11 03 193303

مقالات ذات صلة

تعليق واحد

  1. انت مبدع فعلا تحية من اهل مصر لك بالتوفيق احلا موقع

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى