עבודה עם מדיה ב-HTML

שימוש בקבצי אודיו ווידאו יכול לשפר את חווית המשתמש באתר. HTML מספק תגיות ייחודיות לכך.

הוספת קובץ אודיו

ניתן להוסיף קובץ אודיו לדף באמצעות תג <audio> ולציין את הכתובת של הקובץ באמצעות המאפיין src.

        <audio controls>
          <source src="audio.mp3" type="audio/mpeg">
          דפדפן שלך לא תומך בנגן אודיו.
        </audio>
        

המאפיין controls מספק כפתורים לשליטה על ניגון האודיו.

הוספת קובץ ווידאו

תג <video> משמש להוספת קבצי ווידאו לדף. ניתן להוסיף כפתורים לשליטה בווידאו.

        <video width="600" controls>
          <source src="video.mp4" type="video/mp4">
          דפדפן שלך לא תומך בנגן ווידאו.
        </video>
        

המאפיין controls מספק כפתורים לשליטה על ניגון הווידאו, כמו השמעה/הפסקה והגברת/הנמכת עוצמת הקול.

עבודה עם פורמטים שונים

כדי להבטיח תאימות עם דפדפנים שונים, ניתן לספק מספר פורמטים של קבצי אודיו ווידאו.

        <video width="600" controls>
          <source src="video.mp4" type="video/mp4">
          <source src="video.ogv" type="video/ogg">
          דפדפן שלך לא תומך בנגן ווידאו.
        </video>
        

כאן הצגנו קובץ ווידאו בשני פורמטים שונים כדי להבטיח תאימות רחבה יותר.