חוג פיתוח אתרי אינטרנט

1. חוג פיתוח אתרי אינטרנט שיעור 11

2. בשיעור נלמד • הטמעת וידאו מתוך youtube באתר • הורדת שירים מ youtube והטמעתם באתר

3. העתקת קוד הטמעת וידאו מ youtube • מאתרים סרטון ב youtube ונכנסים אליו • לוחצים על "שתף" ולאחר מכן על "הטמע" • מעתיקים את הקוד

4. הטמעת הקוד באתר שלנו • מומלץ להדביק את הקוד בתוך div ואז נוכל למקם אותו היכן שנרצה באתר • ניתן לשנות את גודלו ע"י שינוי הערכים ב width ו height <div class=“video"> <iframe width="560" height="315" src="//www.youtube.com/embed/b_1Kf0YZnto?list=PL5tTMlIkxhYdST21JD1-1f97772zuHCdn" frameborder="0" allowfullscreen></iframe> </div>

5. הורדת מוזיקה מ youtube והטמעה באתר • נכנסים ל youtube ומאתרים שיר • מעתיקים את כתובת האתר משורת הכתובת למעלה • נכנסים לאתר http://www.flvto.com/ • מדביקים את כתובת האתר ולוחצים על Convert to mp3 • נמתין לסיום ההמרה ונלחץ על download

6. הטמעת השיר באתר • תחילה נפתח תיקייה באתר שלנו בשם Audio • נעתיק אל תוך התיקייה את השיר שהורדנו באמצעות גרירהמתיקיית "הורדות" אל תיקיית Audio שיצרנו

7. הטמעת השיר באתר • כעת נכתוב את הקוד הבא. מומלץ לכתוב אותו בתוך div על מנת שנוכללשנות את מיקומו. • נשנה את song.mp3 לשם השיר שלנו <div class=“music"> <audio controls="controls"> <source src="audio/song.mp3" type="audio/mpeg" /> </ audio > </div>

8. הפעלה אוטומטית של השיר בעת העלאת האתר • אם נרצה שהשיר יופעל ברגע שהאתר עולה נוסיף את המילה autoplay • אם נרצה להסתיר את השיר מהמשתמש נשתמש ב hidden="hidden" <div class=“music"> <audio controls="controls" autoplay hidden="hidden"> <source src="audio/song.mp3" type="audio/mpeg" /> </ audio > </div>

9. הטמעת קובץ וידאו באתר • אם נרצה להטמיע באתר קובץ וידאו הנמצא במחשב שלנו נשתמש בקוד הבא • יש לוודא שהוידאו בפורמט mp4 <div class=“music"> <video width="320" height="240" controls>  <source src="movie.mp4" type="video/mp4"></video> </div>