Facebook
Twitter
RSSהתגית video
לכאורה תגית זו, יחד עם אחותה תגית ה-audio, נועדו לפתור לנו צרות רבות בחיים. בפועל, כיוון שתקן ה-HTML5 אינו מגדיר (עדיין) גם את פורמט קובץ הוידאו עצמו, יוצא שכל דפדפן מצפה לקבל פורמט שונה.
נכון להיום (אפריל 2013), דפדפני אינטרנט אקספלורר 9+ וספארי תומכים בפורמט MP4, דפדפני פיירפוקס ואופרה תומכים בפורמט WebM/Ogg, וכרום תומך בשלושת הפורמטים. יוצא שכדי שתהיה לנו תמיכה מלאה לוידאו בכל הדפדפנים התומכים, נצטרך לקודד אותו בכל שלושת הפורמטים…
דוגמאת קוד
<video autoplay controlls> <source type="audio/mp4" src=”fileName.mp4”> <source type="audio/ogg" src=”fileName.ogg”> <source type="audio/webm" src=”fileName.webm”> אם הטקסט הזה למשתמש, סימן שהדפדפן שלו אינו תומך בתגית זו </video>
מאפיינים אפשריים
| תיאור | ערכים | מאפיין |
|---|---|---|
| מגדיר האם הקובץ ינוגן אוטומטית עם סיום הטעינה שלו | autoplay | |
| מגדיר האם יופיעו פקדים על הנגן, כמו play, pause, volume | controls | |
| ינגן את הקובץ שוב באופן אוטומטי ברגע שהוא מגיע לסוף | loop | |
| יתחיל את ניגון הקובץ עם ווליום מושתק | muted | |
| מגדיר איזה חלק מקובץ הוידאו יטען בעת עליית העמוד: auto – כל הקובץ יטען מראש ומיידית metadata – רק את הפרמטרים הכלליים כמו שם, אורך וכד’ none – לא לטעון מראש כלום עד שהגולש לוחץ play | none auto metadata | preload |
| נתיב לקובץ תמונה שיוצג טרם טעינת הוידאו, כתמונת פרומו | URL | poster |
| נתיב לקובץ וידאו. במידה ואין לנו כמה sources, ניתן להגדיר מאפיין זה פעם אחת על תגית ה-video עצמה, במקום לקונן תגית source כפי שבדוגמא | URL | src |
תמיכת דפדפנים
דפדפן אקספלורר מגירסא 8 ומטה אינו תומך בתגית זו, כדי להישתמש בה יש להפעיל HTML5 Polyfill
תגובות בפייסבוק