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