ریسپانسیو نبودن ویدئوهای آپارات در سایت در نمایش کامپیوتر و گوشی همراه

Started By projectorbartar, Jan 30 2019 08:23 PM

1 پاسخ برای این موضوع
projectorbartar

    عضو جدید

  • عضو انجمن
  • 1 محبوبیت
  • 4 ارسال

ارسالی 30 January 2019 - 08:23 PM

سلام.

ابعاد ویدئو های آپارات 150*300 می باشند. من دنبال این هستم که ابعاد ویدئوها در کامپیوتر 300*600 باشد و در گوشی 150*300

قبلا در انجمن مطلبی نوشته بودین که کلاس class="block-me" را اضافه کنیم که تاثیری نداشت. سپس کلاس class="img-responsive" را نوشتم اما باز تقییری حاصل نشد. وقتی کد آپارات را در سایت جایگذاری میکنم، ویدئو آپارات دارای ابعاد 150*300 می باشد که برای کامپیوتر کوچک است و برای گوشی ایده آل.

من بصورت زیر برای یک ویدئو عمل کردم:

کد iframe  آپارات را در قسمت ویدئو سایتم کپی کردم.  ابعاد ویدئو را 2 برابر کردم تا در کامپیوتر بزرگتر نمایش داده شود. در این حالت، ابعاد ویدئو در گوشی به هم میریزد.

<style>.h_iframe-aparat_embed_frame{position:relative;} .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}</style><div class="h_iframe-aparat_embed_frame"> <span style="display: block;padding-top: 57%"></span><iframe src="https://www.aparat.c...sUXFx/vt/frame"allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" ></iframe></div>

1- قسمت bold شده را با کد div class="img-responsive" جایگزین کردم و تغییری نیافت.

2- در سری دوم کد <div class="img-responsive"></div> را در جلوی قسمت bold شده اضافه کردم و تغییری حاصل نشد.

ممنون میشم توضیحات بیشتر برای حل مشکل بفرمایید.

 

admin

    مدیر و موسس انجمن

  • مدیر کل
  • 997 محبوبیت
  • 5292 ارسال

ارسالی 02 February 2019 - 10:48 AM

قبلا آموزشی در این خصوص گذاشتیم. به لینک زیر مراجعه کنید:

https://ipresta.ir/b...در-فروشگاه.html


0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی