این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Preload در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Preload در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Preload در HTML
صفت preload صفتی است که با استفاده از آن میتوان مشخص کرد که آیا همزمان با بارگذاری صفحه، یک فایل آهنگ ( صوتی ) یا ویدئویی نیز بارگذاری شود یا خیر.
خب بصورت پیش فرض با لود / بالا اومدن یک صفحه ، فایل های رسانه ( مثه آهنگ یا ویدئو ) که درون صفحه هستن، بصورت خودکار اوناهم لود یا بارگذاری می شوند. ( یعنی عملا اینجور لود شدن میشه همون دانلود شدن )
حال ما با استفاده از این صفت میتونیم این امکان رو غیرفعال کنیم تا آهنگ یا ویدئو بطور خودکار بارگذاری نشود.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <video> | <audio> |
Free-Learn
مثال از صفت Preload در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
مثال شماره ۱ : استفاده در تگ Audio
|
1 2 3 4 5 6 7 |
<body> <audio controls preload="none"> <source src="files/demo.mp3" type="audio/mpeg"> </audio> </body> |
مثال شماره ۲ : استفاده در تگ Video
|
1 2 3 4 5 6 7 |
<body> <video controls preload="none"> <source src="files/demo.mp4" type="video/mp4"> </video> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت preload در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| audio | بله | بله | بله | بله | بله |
| video | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 2 |
<audio preload="auto|metadata|none"> <video preload="auto|metadata|none"> |
Free-Learn
جدول مقادیر صفت Preload در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| auto | بطور خودکار مرورگر سعی میکنه عمل بارگذاری رو بصورت همزمان با بارگذاری صفحه انجام بده |
| metadata | سعی میکنه حداقل یسری موارد ( مثه مثلا اندازه فایل ،مدت زمان و.. ) رو بگیره و نمایش بده |
| none | بارگذاری فایل رو بطور همزمان با بارگذاری صفحه غیرفعال میکند |
Free-Learn
نکات و توضیحات
- اگر در تگ Audio و Video از صفت autoplay استفاده کرده باشید دیگه صفت Preload عمل نخواهد کرد.
