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

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

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

أكواد الميتاتاج :

code meta tag --------------------------------------------------- <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content=' وصف الموقع' name='description'/> <meta content='????? , كلمات دلالية' name='keywords'/> <meta content='أسم وصورة' name='og:image'/> <meta content='global' name='distribution'/> <meta content='10 days' name='revisit'/> <meta content='10 days' name='revisit-after'/> <meta content='document' name='resource-type'/> <meta content='all' name='audience'/> <meta content='general' name='rating'/> <meta content='all' name='robots'/> <meta content='index, follow' name='robots'/> <meta content='اسم الكاتب او صاحب المدونة' name='author'/> <meta content='ar' name='language'/> <meta content='اسم الدولة' name='country'/> </b:if> <b:include data='blog' name='all-head-content'/> <b:if cond='data:blog.pageType == "item"'> <title><data:blog.pageName/></title> <b:else/> <title><data:blog.pageTitle/></title> </b:if>

أكواد تجاوب المدونة

/*------start youtube responsive aboalkasima------*/ .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 aboalkasima------*/ </b:skin>

http://mobiletest.me/