صفت خصوصی controls در html
در این مقاله از سایت آموزی جهت استفاده شما همراهان گرامی به معرفی و کاربرد صفت خصوصی controls در html ، که به تازگی در HTML5 معرفی شده است، می پردازیم. صفت controls مخصوص تگ audio و تگ video می باشد.
معرفی و کاربرد صفت خصوصی controls در html
ویژگی خصوصی controls مخصوص تگ audio و تگ video می باشد.
ویژگی controls ، یک ویژگی جدید در سند html است، که در آخرین نسخه آن یعنی HTML5 معرفی شد.
ویژگی controls یک صفت بیتی و یک صفت boolean است.
صفت بیتی به معنی این است که تعریف آن صفت بدون مقدار انجام می شود. مثلا استفاده از ویژگی controls برای اجرای عملیات آن کافی است. و به value یا مقدار نیازی ندارد.
برای اینکه فایل های صوتی و تصویری ایجاد شده توسط تگ audio و تگ video ، قابلیت کنترل و دکمه های ضبط ، پخش ، توقف ، جلو عقب بردن فایل ، کم و زیاد کردن و… وجود داشته باشد، بایستی حتما از صفت controls درون این تگ ها استفاده کنیم.
صفت خصوصی controls در html می تواند شامل موارد زیر باشد:
- play ( دکمه پخش فایل صوتی یا تصویری )
- Pause ( دکمه توقف فایل صوتی یا تصویری )
- Seeking
- Volume ( دکمه کم و زیاد کردن فایل صوتی یا تصویری )
- Fullscreen toggle ( کنترل بزرگنمایی صفحه فایل ویدیویی )
- Captions/Subtitles ( کنترل زیرنویس در صورت داشتن زیرنویس فایل ویدیویی )
- Track ( کنترل فایل متنی مخصوص فایل ویدیویی )
مثال در مورد استفاده از ویژگی controls در تگ audio و سند اچ تی ام ال
<audio controls>
<source src=”horse.ogg” type=”audio/ogg”>
<source src=”horse.mp3″ type=”audio/mpeg”>
Your browser does not support the audio element.
</audio>
مثال در مورد استفاده از صفت خصوصی controls در html درون تگ video
<video controls>
<source src=”movie.mp4″ type=”video/mp4″>
<source src=”movie.ogg” type=”video/ogg”>
Your browser does not support the video tag.
</video>
بررسی ویژگی controls در سند html 4.0.1 و HTML5
ویژگی controls یک صفت جدید در HTML5 است. و در HTML 4.0.1 وجود ندارد.
برای کسب اطلاعات بیشتر در مورد یادگیری طراحی وب حتما به صفحه آموزش طراحی سایت سر بزنید.
برای متخصص شدن در طراحی سایت فروشگاهی با وردپرس روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای طراحی سایت فروشگاهی با وردپرس پروژه محور
برای متخصص شدن در طراحی بخش Front End سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره فوق حرفه ای آموزش طراحی سایت با HTML5 و CSS3 و jQuery
برای متخصص شدن در بهینه سازی و سئوی سایت روی لینک زیر کلیک کن و تو دوره ثبت نام کن:
دوره آموزش سئو محتوا کاملا حرفه ای براساس آخرین آپدیت های گوگل
پشتیبانی مرورگرهای اینترنتی از صفت خصوصی controls در html درون تگ audio و تگ video
تگ | |||||
audio | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
video | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
پیوندهای مهم و کاربردی
تگ های جدید HTML5 در سایت آموزی
صفات تگ های HTML در سایت آموزی
تگ های منسوخ شده HTML5 در سایت آموزی
تگ های block level و inline level در سایت آموزی
صفت خصوصی controls در html | تگ video و تگ audio – اختصاصی سایت آموزی
درباره سایت آموزی
علیرضا ابراهیمی - بنیانگذار وبسایت آموزشی سایت آموزی ، 8 سال سابقه فعالیت حرفه ای در زمینه طراحی سایت ، سئو ، سابقه تدریس اغلب زبان های برنامه نویسی تحت وب ، محقق و تحلیلگر ساختارهای توسعه دهنده وب
نوشته های بیشتر از سایت آموزی
دیدگاهتان را بنویسید