صفت خصوصی preload در HTML
صفت خصوصی preload در HTML بارگیری مدیا تگ video
در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی صفت اختصاصی preload در سند html می پردازیم. ویژگی preload مشخص می کند که فایل مدیا در هنگام بارگیری صفحه ، بارگیری شود یا خیر. صفت اختصاصی preload مخصوص تگ video می باشد.
معرفی ویژگی خصوصی preload در سند HTML
ویژگی اختصاصی preload مشخص می کند که فایل مدیا در هنگام بارگیری صفحه ، بارگیری شود یا خیر.
خاصیت preload ، به نویسنده صفحه این امکان را می دهد تا یک راهنما برای مرورگر در خصوص تصمیم وی برای بارگیری ویدئو به منظور ایجاد یک تجربه بهتر برای کاربر ایجاد کند.
صفت اختصاصی preload مخصوص تگ video می باشد. ویژگی preload در سند جدید HTML5 تعریف شده است و در نسخه های قبلی HTML وجود نداشته است.
نکته مهم
خصوصیت preload در صورتی که صفت autoplay درون تگ video یا تگ audio تعریف شده باشد توسط مرورگر نادیده گرفته می شود.
مثال در مورد استفاده از ویژگی خصوصی preload درون تگ audio
[html]<audio controls preload=”none”>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>[/html]
مثال در مورد استفاده از ویژگی خصوصی preload درون تگ video
[html]<video controls preload=”none”>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>[/html]
بررسی ویژگی خصوصی preload درون سند html 4.0.1 و HTML5
ویژگی خصوصی preload ، در نسخه HTML5 معرفی شده است و در نسخه HTML4.01 و نسخه های قبلی وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت با HTML5 و CSS3 و jQuery
پشتیبانی مرورگرهای اینترنتی از ویژگی خصوصی preload
تگ html | ![]() | ![]() | ![]() | ![]() | ![]() |
audio | 4.0 | 9.0 | 4.0 | 4.0 | 10.5 |
video | 4.0 | عدم پشتیبانی | 4.0 | 4.0 | 10.5 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت خصوصی preload در HTML بارگیری مدیا تگ video – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
با سلام و عرض ادب
ممنون از آموزش خوبی که گذاشتید، یک سوال داشتم:
در سایت من کلی موزیک است و قصد دارم همه موزیک ها را بصورت preload=”none” قرار دهم و اگر بخواهم این تگ را برای تک تک موزیک بگذارم خیلی وقت گیر، آیا راهی وجود دارد که این تگ preload=”none” روی همه موزیک ها اعمال کنم؟ لطفا خیلی ساده و مبتدیانه راهنمایی بفرمایید
با تشکر
درود بر شما برای این کار بایستی از توابع پی اچ پی استفاده کنید. کار راحتی نیست. مجبورید یا کد پی اچ پی به فایل فانکشن قالب خود اضافه کنید تا کلیه فایل های موزیک سایت شما مقدار خاصیت preload برایشان مقدار none شود، و یا تک تک این عمل را انجام دهید. با تشکر…