شما هم یاد بگیرید (این قسمت پخش خودکار موزیک)

طی این آموزش یاد خواهید گرفت که چگونه به پلیر موزیک داخل پستتون ویژگی پخش خودکار بدید و بتونید اندازشو تغییر بدید و یا حتی مخفیش کنید

این کار خیلی سادست کافیه مراحلی که توضیح دادم رو یکی یکی دنبال کنید با crazy friends همراه باشید 

 

1. اضافه کردن یک موزیک به پستتون که خیلیاتون بلدید ولی در حد یک توضیح کوتاه ارسال مطلب جدید رو بزنید و یا از فهرست مطالبتون یکی از مطالب قبلیتون رو ویرایش کنید در صفحه ای که ادیتور قرار داره روی دکمه افزودن تصویر از فضای اختصاصی کلیک کنید 

 

حالا یک آهنگ آپلود کنید و با کلیک بر روی اون در پستتون درجش کنید 

 

 

2. پیدا کردن کد موزیک

پس از درج شدن موزیک بر روی دکمه مشاهده کد ادیتور کلیک بفرمایید تا کدهایی که ساختار پستتون رو میسازن رو مشاهده کنید

 

حالا برای یافتن کد مربوط به موزیک پلیرتون دکمه ctrl رو نگه دارید و دکمه f رو بزنید در پنجره ی کوچکی که بالای مرورگرتون باز میشه این عبارت رو بنویسید audio> تا اون قسمت به رنگ متفاوتی دربیاد و راحت تر پیداش کنید

 

 

3. اعمال تغییرات

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

همینطور که میبینید یه سری ویژگی هایی درون این تگ مشاهده میشه

 

<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay">

 

الف : پخش اتوماتیک : برای اینکه آهنگتون به طور اتوماتیک پخش بشه عبارت "autoplay="autoplay رو در آخرش بنویسید به این صورت :

 

<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay" >

 

ب: بازپخش آهنگ : اگر دوس دارید پس از اتمام آهنگ دوباره خود به خود پخش بشه عبارت loop رو به آخر تگ اضافه کنید:

 

<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay" loop >

 

ج: مخفی کردن موزیک پلیر : در این حالت موزیک پلیر باید حتما در حالت پخش خودکار هم باشه چون اگه نباشه و مخفیش هم بکنید اصلا معنی نداره ویژگی که باعث نمایش موزیک پلیر میشه controls هست که در کد از قبل وجود داره و شما با حذف عبارت  "controls="controls میتونید موزیک پلیرتون رو مخفی میکنید:

 

<audio id="play_audio_box" width="324" preload="none" autoplay="autoplay" loop>

 

د: تغییر اندازه موزیک پلیر : ویژگی width اندازه پلیر رو مشخص میکنه که در اینجا اندازه پیش فرض اون 234 پیکسل هست اگه دوس دارید اندازشو تمام صفحه کنید میتونید به جای 324 مقدار 100% رو قرار بدید و یا اندازه ی کوچکتر برای داشن یه موزیک پلیر کوچولو رو مثلا 100px قرار بدید

 

<audio id="play_audio_box" width="100%" preload="none" autoplay="autoplay" loop>

و یا

<audio id="play_audio_box" width="100px" preload="none" autoplay="autoplay" loop>

 

اگه این روش برای تغییر اندازه کار نکرد میتونید به قسمت css کدهای قالبتون برید و در انتهای اون این کد رو با مقدار اندازه دلخواه اضافه کنید

audio{

width:100px;

}

و یا به درصد اندازه بدید

audio{

width:100%;

}

 

موفق و سربلند باشید