پرش به محتوا

اچ‌تی‌ام‌ال/رسانه‌ها

ویکی‎کتاب، کتابخانهٔ آزاد
مقدمه بندها قلم پیوند تصاویر رسانه‌ها
فریم جدول‌بندی یادداشت‌ها تقسیم‌بندی (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>

منابع

[ویرایش]