1 / 9

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

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

eloise
Télécharger la présentation

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

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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>

More Related