توی اکثر وبسایت های اشتراک ویدیو مثل آپارات ، یه قابلیت هست که نویسنده های وبلاگ و یا وبسایت می تونن ازش استفاده کنن و هر ویدیویی رو بدون این که بخوان آپلود کنن ، در دسترس بازدیدکننده هاشون قرار بدن !
این ابزار چون قراره از پخش کننده ویدیو مخصوص همون سایت آپارات استفاده کنه ، یا بصورت آی فریم هست و یا بصورت جاوااسکریپت که امکان قراردادن موارد مذکور توی بلاگ بیان بصورت رایگان نیست پس باید کلیپ مورد نظر رو آپلود کرد و بعد ، از قسمت درج مدیا ، اون رو بصورت پخش کننده برای مخاطب قرار داد . اما این کار باعث پر شدن حجم فضای هر کاربر می شه پس راهکار چیه ؟
یه راهکار رو ساده و مختصر عرض می کنم که به اینصورت هست :
در ابتدا به قسمت قالب -> ویرایش سی اس اس قالب فعلی برید و کد زیر رو به انتهای کدهای موجود ، اضافه کنید تا اندازه پخش کننده متناسب با قالبتون بشه و جایگاهش هم وسط قرار بگیره :
video{
max-width: 100%;
margin: 0 auto;
display: block;
border-radius: 4px;
}
خب حالا وقت بدست آوردن لینک دانلود کلیپ هست مثلا توی آپارات زیر هر پخش کننده یه آی مربوط به دانلود وجود داره که وقتی روی اون کلیک می کنید کیفیت های مختلف رو لیست می کنه و شما روی هر کدوم که کلیک کنید دانلود می شه اما ما نیازی به دانلود نداریم فقط کافیه که روی هر کیفیت مورد نظر راست کلیک کنید و گزینه ی Copy Link Location رو بزنید .
الان کافیه که لینک بدست اومده رو توی کد زیر بجای ### قرار بدید و بعد کل کد رو با هم کپی کنید :
<video preload="metadata" src="###" controls="controls"></video>
خب کار نهایی اینه که به قسمت ارسال مطلبتون برید و روی گزینه <> ، یا منبع و یا HTML کلیک کنید تا متن شما بصورت اچ تی ام ال نمایش داده بشه !
هر جایی که قصد قراردادن کلیپ دارید ، کد بدست اومده رو جایگذاری کنید و دوباره روی یکی از سه موردی که عرض کردم کلیک کنید تا شکل نمایش مطالب ، درست بشن .
نیازی به تغییر جایگاه ویدیو هم نیست ، چون با همون کد سی اس اس اول این کار بصورت خودکار انجام می شه !
- توجه داشته باشید که لینکی که بجای ### قرار می دید ، حتما باید لینک مستقیم باشه !
- پیشنهاد می کنم وقتی مطلب ارسال می کنید هر جایی که تمایل دارید کلیپ اونجا قرار بگیره یه متن عجیب و غریب بنویسید مثلا xkjxd بعد که روی گزینه ی نمایش اچ تی ام ال کلیک می کنید راحت اون رو پیدا کنید و انتخابش کنید و کد ویدیو رو بجاش قرار بدید .
نمونه انجام شده مراحل بالا :
درباره این سایت