صفت خصوصی preload در HTML
صفت خصوصی preload در HTML بارگیری مدیا تگ video
در این مقاله از سایت آموزی جهت استفاده شما عزیزان به معرفی صفت خصوصی preload در html می پردازیم. ویژگی preload مشخص می کند که فایل مدیا در هنگام بارگیری صفحه ، بارگیری شود یا خیر. صفت preload مخصوص تگ video می باشد.
معرفی ویژگی خصوصی preload در سند HTML
ویژگی اختصاصی preload مشخص می کند که فایل مدیا در هنگام بارگیری صفحه ، بارگیری شود یا خیر. خاصیت preload ، به نویسنده صفحه این امکان را می دهد تا یک راهنما برای مرورگر در خصوص تصمیم وی برای بارگیری ویدئو به منظور ایجاد یک تجربه بهتر برای کاربر ایجاد کند.
صفت خصوصی preload در HTML مخصوص تگ video می باشد. ویژگی preload در سند جدید HTML5 تعریف شده است و در نسخه های قبلی HTML وجود نداشته است.
برای کسب اطلاعات بیشتر در مورد طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
نکته مهم
خصوصیت preload در صورتی که صفت autoplay درون تگ video یا تگ audio تعریف شود توسط مرورگر نادیده گرفته می شود.
مثال در مورد استفاده از ویژگی خصوصی preload درون تگ audio
<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>
مثال در مورد استفاده از ویژگی خصوصی preload درون تگ video
<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>
بررسی ویژگی خصوصی preload درون سند html 4.0.1 و HTML5
ویژگی خصوصی preload ، در نسخه HTML5 معرفی شده است و در نسخه HTML4.01 و نسخه های قبلی وجود نداشته و پشتیبانی نمی شود.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی وب با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از صفت خصوصی preload در HTML
تگ html | |||||
audio | 4.0 | 9.0 | 4.0 | 4.0 | 10.5 |
video | 4.0 | عدم پشتیبانی | 4.0 | 4.0 | 10.5 |
پیوندهای مهم و کاربردی
تگ های HTML در سایت آموزی | تگ های جدید HTML5 در سایت آموزی | صفات تگ های HTML در سایت آموزی | تگ های منسوخ شده HTML5 در سایت آموزی | تگ های block level و inline level در سایت آموزی | تگ های HTML در W3school | ویژگی های CSS در سایت آموزی | ویژگی های CSS در W3schools
صفت خصوصی preload در HTML بارگیری مدیا تگ video – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی2 دیدگاه
به گفتگوی ما بپیوندید و دیدگاه خود را با ما در میان بگذارید.
با سلام و عرض ادب
ممنون از آموزش خوبی که گذاشتید، یک سوال داشتم:
در سایت من کلی موزیک است و قصد دارم همه موزیک ها را بصورت preload=”none” قرار دهم و اگر بخواهم این تگ را برای تک تک موزیک بگذارم خیلی وقت گیر، آیا راهی وجود دارد که این تگ preload=”none” روی همه موزیک ها اعمال کنم؟ لطفا خیلی ساده و مبتدیانه راهنمایی بفرمایید
با تشکر
درود بر شما برای این کار بایستی از توابع پی اچ پی استفاده کنید. کار راحتی نیست. مجبورید یا کد پی اچ پی به فایل فانکشن قالب خود اضافه کنید تا کلیه فایل های موزیک سایت شما مقدار خاصیت preload برایشان مقدار none شود، و یا تک تک این عمل را انجام دهید. با تشکر…