تضمين الفيديوهات على بلوجر

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

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

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

تضمين فيدوهات بلوجر هو أمر سهل تدخل إلى قناتك اليوتيوب ثم تفتح سطح المكتب

إذا كنت من الهاتف ثم اضغط فوق الفيديو ضغطة  مطولة.

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

مشكلة عدم توافق الفيديو المضمن مع الأجهزة

هذه المشكلة هو أهم شيء في هذا الشرح نذكره لأن التضمين يعرفه كثير من الناس.

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

حل مشكلة عدم ملائمة الفيديو للأجهزة

المقصود من شرحنا الآن والأهم هي تضمين الفيديوهات على بلوجر بطريقة تتوافق مع جميع الأجهزة.

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

الكود الأول هو كود css تقوم بإضافة داخل القالب أو المظهر تفتح القالب من HTML ثم تبحث في القالب عن هذه الكلمة

 ]]></b:skin>

وتقوم بإضافة كود css فوقها مباشرة وهذه الطريقة أنت ستعلمها في القالب مرة واحدة

الكود الثاني هو كود HTML وهو كود بسيط تقوم بإضافته في الفيدي.

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

ما هي الأكواد التي ستجعل الفيديو متوافق مع الأجهزة

الآن سأضع لك الكودين التي ستساعدك في جعل فيديوهاتك تتوافق مع أي جهاز سواء كمبيوتر أو هاتف وتتوافق مع أي شاشة

الكود الأول هو هذا

/*------start youtube responsive ------*/
.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%;
}
.entry-content img, 
.entry-content iframe, 
.entry-content object, 
.entry-content embed {
        max-width: 100%;}
/*------end youtube responsive ------*/

طريقة إضافة هذا الكود تنفتح إعدادات بلوجر من المظهر ثم نفتح أكواد HTML من القالب ثم نعمل بحث داخل أكواد القالب على كلمة

ثم نعمل فوقها فاصلة ونضيف كود css

الكود الثاني هذا

<div class="video-container">

احذفني وضع مكاني كود تضمين الفيديو


</div>

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