U3F1ZWV6ZTIxMDc5MDI2NzIwX0FjdGl2YXRpb24yMzg3OTYyOTE2NTQ=
recent
أخبار ساخنة

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

العديد من المدونين غالبا لها فيديوهات على قناة اليوتيوب لجمع المشاهدة وايضا للم الاموال ، كما انهم ربما يغيرون القوالب في كل 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/IGf-B4eorPI" frameborder="0" allowfullscreen></iframe> 
كيفية تعيدل على الكود : 
عليك بتغير رابط : <iframe width="560" height="315" src="https://www.youtube.com/embed/IGf-B4eorPI" frameborder="0" allowfullscreen></iframe>   الى رابط الفيديدو الخاص بك 
كما في الصور :

الاسمبريد إلكترونيرسالة