اچتیامال/رسانهها
مقدمه | بندها | قلم | پیوند | تصاویر | رسانهها |
فریم | جدولبندی | یادداشتها | تقسیمبندی (div) | فهرستبندی | رویدادها |
سربرگ (هدر) | پابرگ (فوتر) | پیوند ناوبری | سبکها | فهرست تگها | سرمتنها |
عنصرها |
رسانهها در HTML
[ویرایش]در HTML، تگهایی برای نمایش انواع مختلف رسانه مانند ویدیوها و صداها وجود دارد. این رسانهها میتوانند به کمک تگهای مخصوص در صفحات وب نمایش داده شوند. در این صفحه به معرفی تگهای رسانهای در HTML پرداخته میشود.
تگ <audio>
[ویرایش]تگ <audio> برای پخش فایلهای صوتی استفاده میشود. این تگ از فرمتهای مختلف صوتی مانند MP3 و OGG پشتیبانی میکند و میتوان تنظیمات کنترل پخش مانند پخش خودکار، نمایش کنترلها و حلقه زدن (loop) را اعمال کرد.
ویژگیهای <audio>
[ویرایش]- src: آدرس فایل صوتی.
- controls: نمایش کنترلهای پخش مانند پخش و توقف.
- autoplay: فایل بهصورت خودکار پخش میشود.
- loop: فایل پس از اتمام دوباره پخش میشود.
<audio src="audio.mp3" controls autoplay loop>
مرورگر شما از پخش صوتی پشتیبانی نمیکند.
</audio>
تگ <video>
[ویرایش]تگ <video> برای نمایش فایلهای ویدیویی در صفحات وب استفاده میشود. این تگ نیز مشابه تگ <audio> از ویژگیهای کنترل، پخش خودکار و حلقه زدن پشتیبانی میکند.
ویژگیهای <video>
[ویرایش]- src: آدرس فایل ویدیویی.
- controls: نمایش کنترلهای ویدیو.
- autoplay: ویدیو بهصورت خودکار پخش میشود.
- loop: ویدیو پس از اتمام دوباره پخش میشود.
- width: عرض ویدیو را مشخص میکند.
- height: ارتفاع ویدیو را مشخص میکند.
- poster: تصویر پیشنمایشی که قبل از پخش ویدیو نمایش داده میشود.
<video src="video.mp4" width="600" height="400" controls poster="poster.jpg">
مرورگر شما از پخش ویدیویی پشتیبانی نمیکند.
</video>
تگ <source>
[ویرایش]تگ <source> برای مشخص کردن چندین منبع رسانهای استفاده میشود. این تگ میتواند برای تعیین منابع جایگزین فایلهای صوتی و ویدیویی بهکار رود تا در صورت عدم پشتیبانی یک فرمت، فرمت دیگری بارگذاری شود.
<video controls>
<source src="video.mp4" type="video/mp4">
<source src="video.ogv" type="video/ogg">
مرورگر شما از پخش ویدیو پشتیبانی نمیکند.
</video>
تگ <iframe>
[ویرایش]تگ <iframe> برای جاسازی محتوا از سایتهای دیگر، مانند ویدیوهای یوتیوب، استفاده میشود. این تگ به توسعهدهندگان اجازه میدهد تا محتوای خارجی را در صفحات خود نمایش دهند.
ویژگیهای <iframe>
[ویرایش]- src: آدرس محتوای جاسازیشده.
- width: عرض iframe.
- height: ارتفاع iframe.
- frameborder: تعیین وجود یا عدم وجود حاشیه برای iframe.
<iframe src="https://www.youtube.com/embed/example" width="560" height="315" frameborder="0" allowfullscreen></iframe>