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

[shikotak]

سلام

من میخام از طریق کدی که تو آپارت برای نمایش فیلم بهمون میده. یه تعدادی ویدئو محصول بزارم داخل سایتم که خودم آپلود نکنم روی سایت

چندتا تاپیک رو هم خوندم اما انگار این کد مشکلی داره. اگر کسی تونسته این مشکل حل کنه یا راه حل خاصی داره لطفا اعلام کنه

[shikotak]

دوستان کسی این کار کرده؟

چرا تاپیکا خاک میخوره دیگه هیچکس نمیاد جواب بده

[admin]

لا به لای توضیحات محصولتون میخواهید فیلم بذارید؟

[shikotak]

تقریبا یه همچین چیزی

یا انتهای توضیح محصول فیلم هم باشه

اونی که مستقیم اپلود میشه خوب درنمیاد هم کوچیکه هم سیاه نشون داده میشه تو صفحه

[admin]

یه ترفندی رو بهتون یاد میدم احتمالا کمک میکنه بهتون

 

• قبل از هر چیز از بخش مدیریت پرستاشاپتون وارد "تنظیمات - عمومی" شده و گزینه اجازه به iframe ها در فیلدهای HTML روی بله بذارید
• حالا وارد سایت آپارات شوید. زیر ویدیوی آپلود شده کلیدهایی به نام (پسندیدن، دانلود، اشتراک و بیشتر) وجود داره. روی گزینه "بیشتر" موس رو نگه دارید و از منوی باز شده روی "> ویدیو در سایت شما" کلیک کنید.
• یک کادر شامل کدی که باید داخل سایت بذارید نمایش داده میشه که شما باید از پایین اون روی "انتخاب نوع کد و اندازه نمایش" کلیک کنید.از سمت چپ نوع کد رو روی "کد iframe" قرار بدید.
• حالا کدی که در کادر تولید شده رو کپی کنید
• در صفحه درج/ویرایش محصول در توضیحات بلند روی درج ویدیو کلیک کنید و از کادر باز شده روی گزینه "جا دادن" کلیک کنید و کدی که از آپارات کپی کرده بودید رو paste کنید. در کدی که درج کردید بعد از عبارت:

<div class="h_iframe-aparat_embed_frame">

• این کد رو کپی کنید:

<div class="block-me"></div>

• روی کلید "باشه" کلیک کنید و محصول رو ذخیره کنید
• خب تا اینجا ویدیوی شما درج شد اما مشکل اصلی سایز و شکل و شمایل نمایش ویدیوست که زیاد جالب نیست. برای رفع این مشکل به پوشه themes/yourtheme/css/autoload مراجعه کنید (* بجای yourtheme اسم پوشه قالب شما قرار میگیرد)
• در اینجا یک فایل جدید به نام aparat.css ایجاد کنید و فایل رو ویرایش کنید
• داخل فایل ایجاد شده کد زیر رو قرار بدید:

.bottom-footer-container .designer-container {text-align: left;}
.footer-container #footer h4:hover, .footer-container #footer h4 a:hover {cursor: text;}
.footer-container #footer h4 a:hover {color: #333;}
.h_iframe-aparat_embed_frame{position:relative;}
.h_iframe-aparat_embed_frame div.block-me {
  display: block;
  padding-top: 57%;
}
.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%;}

• خب کار تمومه. حالا کافیه کش مرورگرتون رو پاک کنید و صفحه محصولتون رو مشاهده کنید

 

[shikotak]

سلام. ممنون از آموزش خوب تون

فقط الان من کد یه فیلم از آپارات گرفتم اینطوریه

<div id="14880358664259970"><script type="text/JavaScript" src="https://www.aparat.com/embed/EtQ0x?data[rnddiv]=14880358664259970&data[responsive]=yes"></script></div>

این مورد نداره؟!

چکار باید کرد؟

1. <div class="h_iframe-aparat_embed_frame">

[shikotak]

متوجه شدم یه کد اسکریپت داره یه کد آی فریم داره