תגית
<video> משמשת להוספת קובץ וידאו לדף אינטרנט. תגית זו מאפשרת להטמיע קובץ וידאו בתוך הדף עם אפשרויות שליטה כמו השמעה, השהיה, הגברת/הנמכת עוצמת הקול, והגדרת גובה ורוחב לנגן הוידאו.
שימוש בתגית <video>:
-
מיקום: מניחים את תגית
<video> במקום שבו רוצים להוסיף את נגן הוידאו.
-
תכונה "controls": מוסיפה כפתורים לנגן הוידאו שמאפשרים למשתמשים לשלוט בהקרנה של קובץ הוידאו.
-
תגיות <source>: משמשות לציון קובץ הוידאו ופורמט הקובץ. ניתן לציין מספר קבצים בפורמטים שונים למקרה שהדפדפן לא תומך בפורמט אחד.
-
תכונות "width" ו-"height": מגדירות את רוחב וגובה נגן הוידאו.
דוגמה לשימוש:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<video width="320" height="240" controls>
<source src="https://www.apple.com/105/media/us/iphone/family/2024/1efec3e0-8619-4684-a57e-6e2310394f08/anim/welcome/xlarge.mp4" type="video/mp4">
הדפדפן שלך לא תומך בתגית הוידאו.
</video>
</body>
</html>
בדוגמה זו, התגית
<video> מכילה את התכונה "controls" שמוסיפה כפתורים לנגן הוידאו. התגית
<source> מצביעה על קובץ הוידאו "https://www.apple.com/105/media/us/iphone/family/2024/1efec3e0-8619-4684-a57e-6e2310394f08/anim/welcome/xlarge.mp4" בפורמט MP4. אם הדפדפן לא תומך בתגית
<video>, תוצג ההודעה "הדפדפן שלך לא תומך בתגית הוידאו".
