اجعل فيديوهات يوتيوب متجاوبة مع الهواتف الذكية في مدونة بلوجر 100/100
بسم الله وصلاة وسلام على رسول الله اما بعد ، احبتي متابعي مدونة هشام هاشم للمعلوميات والتقنيات ، اليوم في قسم دروس بلوجر وعالم اليوتيوب سوف نقدم لكم كيفية جعل الفيديوهات متجاوبة مع الهواتف الذكية والاجهزة اللوحية دون تغيير المقاس ، نعم يمكنك ذلك دون تغيير حجم الفيديو لا في الطول ولا العرض ، وتعلمون ان الفيديوهات اذا تريد ان يكون بالمقاس المطلوب لابد ان تكون في العرض على الاقل لا تتجاوز 400 بكسيل وربما 336 بكسيل ، ولكن الان لا تعاني من هذه المشكلة التي ربما عانيت منها كثيرا .
العديد من المدونين غالبا لها فيديوهات على قناة اليوتيوب لجمع المشاهدة وايضا للم الاموال ، كما انهم ربما يغيرون القوالب في كل 6 اشهر او سنة او حتى في كل شهر ، وطبعا حجم ظهور القالب على الهواتف يكون مختلف على القالب ذي قبله ، ولهذا تحتاج ان تنتهي من هذه المهزلة التي دائما سوف تعيدها مرارا وتكرارا وفي كل مره قمت بتغيير القالب ، وهناك اناس في الحقيقة دائما تنشر الفيديوهات بقياس الهواتف وتسبب الازعاج لاصحاب الكمبيوتر لانه صغيرة الحجم ولابد ان ينتقل الى قناة اليوتيوب .
ولهذا في هذه التدوينة المغربية سوف نقدم لكم كيفية جعل الفيديوهات متجاوبة مع الهواتف الذكية دون تغيير المقاس في المدونة بلوجر ، وهذه الاضافة التي بين ايديكم سوف تستعملها في كل مره تقوم بوضع الفيديو في المدونة ،وهو عبارة عن كود يجعل الفيديو متجاوب مع جميع الاجهزة سواء الهواتف الذكية واللوحية واجهزة الكمبيوتر .
كيفية جعل الفيديوهات متجاوبة مع الهواتف الذكية دون تغيير المقاس في المدونة بلوجر :
تقوم بدخول الى المشاركة الجديدة >> ثم تنتقل من التأليف الى 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/CAygnBTWMbg" frameborder="0" allowfullscreen></iframe>
كيفية تعيدل على الكود :
عليك بتغير رابط : <iframe width="560" height="315" src="https://www.youtube.com/embed/CAygnBTWMbg" frameborder="0" allowfullscreen></iframe> الى رابط الفيديدو الخاص بك
