رفتن به مطلب

افزودن دکمه آپارات در ادیتور (ریسپانسیو)


ارسال های توصیه شده

این آموزش شبیه به آموزش آقای @علی یوسفلاوی هست که اونو قبلا گزاشته بودن وی متاسفانه زیاد ریسپانسیو نبود که من کمی تغییرش دادم و تا حدالامکان به خوبی ریسپانسیو شده!

سلام دوستان ، برای افزودن دکمه آپارات به ادیتور انجمن خود مراحل زیر رو انجام دهید :

به مسیر ادمین > شخصی سازی > ویراشگر > نوار ابزار ها برید

- روی دکمه "افزودن دکمه" کلیک کنید

- روی تب "دکمه اختصاصی" کلیک کنید

موارد رو همانند پایین تنظیم کنید:

عنوان: آپارات

آیکن: aparat.png

نوع: بلوک

استفاده از گزینه ها : بله

برچسب گزینه : متنی به دلخواه وارد کنید!

سپس در قسمت HTML وارد کنید :

<center>
	<p style="text-align: center;">
		<iframe allowfullscreen="true" height="555" mozallowfullscreen="true" src="https://www.aparat.com/video/video/embed/videohash/{option}/vt/frame" webkitallowfullscreen="true" width="80%"></iframe>
	</p>
</center>

ذخیره کنید و دکمه آپارات رو به نوار ابزار ادیتور اضافه کنید

نحوه استفاده: لینک آپارات که به این صورت هست : http://www.aparat.com/v/8CtkG ، شما قسمت قرمز رنگ رو بعد از کلیک روی دکمه آپارات وارد کنید.

با تشکر

ویرایش شده توسط Zebcoweb
  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام.

متاسفانه آموزش تون اشتباهه ، و حتی استایل های CSS هم بدون کاربرده چون هیچ کلاسی برای کد بالا تعریف نکردید و صرفا ریسپانسیو که نیست هیچ اندازه پخش هم کوچک هست حتی در صفحه نمایشگر های بزرگ ! - منظورم به عنوان مثال :  از کلاس ها قرار دادن کد مربوطه بین تگ <div class="aparat-inner">CODE BAYAD INJA BASHE</div>

حتی آموزش آقای یوسفلاوی هم یه مقدار اشکال داره (حداقل در این نسخه های جدید)

کد ریسپانسیو و بدون مشکل رو بدون نیاز به استایل جداگانه که در iframe اجرا نمیشه رو باید تو خود کد بیاریش تا به درستی عمل کنه ، مثلا من از این کد زیر استفاده میکنم !

امتحان کنید :yes1:

 

<iframe src='https://www.aparat.com/video/video/embed/videohash/{option}/vt/frame' width='560' height='315' allowFullScreen='true' webkitallowfullscreen='true' mozallowfullscreen='true' style='width: 560px;max-width: 100%;margin: 0;'>
      </iframe>

 

ویرایش شده توسط CHRIS-7
  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر

بله درست می گید کد css استفاده نمیشه و ویرایش شد مطلب! کد شما هم انگار جواب نمیده توی ویرایش گر به درستی میاره ولی توی پیش نمایش و مطلب بصورت خط نمایش میده:

image.thumb.png.71dd52462b377f228d01aa19ef7781d1.pngچند بار هم تست کردم

ویرایش شده توسط Zebcoweb
لینک ارسال
به اشتراک گذاری در سایت های دیگر
در 4 دقیقه قبل، Zebcoweb گفته است :

کد شما هم انگار جواب نمیده توی ویرایش گر به درستی میاره ولی توی پیش نمایش و مطلب بصورت خط نمایش میده:

به هر صورت کدم کاملا تست شده و حتی در نمایشگر های کوچک موبایل 320 پیکسل هم نمایش داده میشه ، در حال حاضر هم در انجمن خودمم کاربرا استفاده میکنند !

apture.thumb.JPG.9153c69b59b8c16f7cb19462027921bd.JPG

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • 2 ماه بعد...

کد ریسپانسیو جدید برای دکمه های embed ویدیو از آپارات یا سایر برنامه های اشتراک ویدیو (این کد کاملا تست شده هست و عملکرد بهتری نسبت به کد های قبلی داره و برای تمامی نمایشگر ها از کوچک ترین تا بزرگترین نمایشگر ریسپانسیو است) :

<div style='width: 100%;'>    <div style="width: 100%; padding-top: 56.25%; position: relative;">        <iframe style="position: absolute; width: 100%; height: 100%; top: 0; right: 0; border: none" src="https://www.aparat.com/video/video/embed/videohash/{option}/vt/frame"                allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"  allow="accelerometer; gyroscope; picture-in-picture; autoplay; fullscreen; encrypted-media" frameborder="0">        </iframe>    </div></div>

 

  • پسند 1
لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • 2 ماه بعد...
در در 17 خرداد 1399 در 17:32، Zebcoweb گفته است :

اول همین تاپیک اموزش رو هم گزاشتم

ممنون از آموزش خوبتون منم مشکل ریسپانسیو داشتم که حل شد فقط لطف میکنید بگید چطوری سایزشو محدود کنم به 750*500 که از ریسپانسیو بودن خارج نشه . ساز حداکثری که روی خود IPS مشخص کردم روی همه ویدیو ها ریسایز میشه ولی روی آپارات انجام نمیشه و به بزرگترین سایز نمایش داده میشه میخوام اینم با بقیه ویدیو ها همسان باشه طول و عرضش کسی خواست فول اسکرین ببینه که فول اسکرین میکنه

لینک ارسال
به اشتراک گذاری در سایت های دیگر
  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

×
×
  • اضافه کردن...

اطلاعات مهم

ما مجبور شدیم تا از کوکی ها و فناوری های مشابه برای اجرای این وب سایت استفاده کنیم تا بتوانیم تجربه بهتری در زمان استفاده از سایت برای شما ایجاد نماییم. سیاست حریم خصوصی.