این آموزش در تاریخ ۱۴۰۲/۰۶/۲۱ آپدیت شده است.
آموزش صفت Poster در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش صفت Poster در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
صفت Poster در HTML
صفت poster صفتی است که با استفاده از آن میتوان یک پوستر ( یا تصویر شاخص ) را بروی یک ویدئو قرار داد، که تا قبل از پخش شدن اون ویدئو اون تصویر نمایش داده میشود.
Free-Learn
عناصری که توسط این صفت پشتیبانی می شوند
این صفت را میتوان در عناصر/تگ های زیر بکار برد.
| <video> |
Free-Learn
مثال از صفت Poster در HTML
در ادامه میتوانید یک مثال از این صفت را مشاهده نمایید.
|
1 2 3 4 5 6 7 |
<body> <video controls poster="images/my-poster.jpg"> <source src="files/demo.mp4" type="video/mp4"> </video> </body> |
Free-Learn
پشتیبانی مرورگرها
در جدول زیر میتوانید مشاهده نمایید که آیا مرورگرهای اینترنتی از صفت poster در HTML پشتیبانی میکنند یا خیر.
| نام تگ | Chrome | Firefox | Opera | Safari | Edge |
| video | بله | بله | بله | بله | بله |
Free-Learn
شکل نوشتاری
نحوه نوشتن یا استفاده یا سینتَکس (Syntax) این صفت در HTML بصورت زیر می باشد.
|
1 |
<video poster="Image-URL"> |
Free-Learn
جدول مقادیر صفت Poster در HTML
در جدول زیر میتوانید، مقادیری را که میتوان در این صفت استفاده کرد مشاهده نمایید.
| مقدار | توضیح |
|---|---|
| Image-URL | آدرس یا مسیر عکس بصورت مطلق یا نسبی نمونه آدرس مطلق : https://test.com/my_image.jpg نمونه آدرس نسبی : ima/my_image.jpg |
Free-Learn
نکات و توضیحات
- نکته یا توضیح خاصی وجود ندارد.
