مرحبا اخواني ..
مشكلتي بدأت عندما كنت اعدل احدى صفحات الويب صفحة واحده عادية ولكن المشكلة هي التالي
الصفحة متوافقة مع جميع المتصفحات المبايل والدسك توب ولكن عندما وضعت فيديو من اليووتيوب الخاص بالصحفات
في صفحة دسكتوب تعمل بشكل عادي جداً ولكن في المبايل , متصفح المبايل, يظهر الفيديو اكبر من حجمة الاساسي
هل هناك كود معين اغير حجم الفيديو الذي يتم عرضة بالجوال بدون ان المس حجم الفيديو الذي يتم عرضة للدسكتوب
سوف اشرح اكثر ..
اريد تعديل الفيديو الذي وضعته ,تعديل الحجم فقط في مستعرض الجوال . اما حجمة في الدسكتوب يبقة كما هو
هل هناك كود معين
دمتم بود ..
قم بوضع الفيديو داخل div بكلاس videowrapper ثم
أُكتب هذا الستايل
.videowrapper {
float: none;
clear: both;
width: 100%;
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
.videowrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
كل الامور يدور حول الwidth الذي أعطيناه قيمة مئوية لكي يأخد الحجم الكامل في كل شاشة
أيضاً إذا كُنت تستخدم البوتستراب يمكنك جعله الفيديو مُتجاوب من هنا
لدي سؤال ثاني اخي ..
هناك زر في الصفحة في المبايل يكون فوق الكلام في مستعرض الويب يكون طبيعي تحت الكلام ..
هل هناك كود اعدل الزر المخصص لمستعرض الجوال ؟
يمكن ان تستخدم الميديا كويري لكي تصبح في المكان الصحيح، إنتبه لحجم الشاشة يعني قُم بتضبيطه حسب حجم النافذة الذي تُصبح فيه البوتون فوق الكتابة.. الحجم الذي وضعته أنا هو 625px
@media (max-width: 625px){
.btnclass{ /* كلاس البطون */
margin-top: 10px; /* قم بتزويده حتى تصبح في المكان الصحيح */
}
}
لا استطيع الرد على الرسائل .. لان نقاطي قليلة ..
الكود التالي اضعة في ccs ?
لكن ما الكلام العربي الموجود به ؟
وفي صفحة ال index هل اضيف كود معين ؟
لاتقوم بإضافة أي شيئ في صفحة index، ضع ذلك الكود في ملف css مع تعديل إسم الكلاس وقُم بتعديل الحجم حتى تضبط معك الامور..
الكلام العربي ليس إلا تعليقات توضيحية لكي أُوضح لك الأمر.
التعليقات