Навигация: 

Медиа элементтери

GIF кош

GIF Graphic Interchange Format дегенди билдирет, бирок сиз билишиңиз керек болгон нерсе - бул сүрөт файлынын башка түрү. Бир гана айырмасы файлда көптөгөн сүрөттөр бар. Браузерде көрсөтүлгөндө, сүрөттөр тасманын кадрларына окшош ырааттуулукта ойнотулат. Аны оодарганыңызда сүрөт жандангандай көрүнгөн флип-китептердин бири сыяктуу элестетиңиз.

alt text

Видео кош

Тексттен жана сүрөттөрдөн тышкары, биз веб-сайттарга кошкон эң көп нерселердин бири бул видеолор. Видео файлдары абдан чоң, андыктан YouTube сыяктуу видеону жүктөө жана көрсөтүү үчүн кызматты колдонгонуңуз жакшы. YouTube’га жүктөлгөндөн кийин, аны кантип веб-сайтыбызда ойнота алабыз? Биз iframe деп аталган атайын тегди колдонобуз.

Iframes биздин сайттын ичинде башка веб-сайттардан HTMLди көрсөтөт. Бул терезе сыяктуу, анда сиз учурдагы веб-сайттын ичинен интернетте сыртта эмне болуп жатканын көрө аласыз. Бул процесс embedding деп аталат.

Мисалы, төмөндөгү видео Бенжинин Инстаграмынан алынган iframe:

Бул постту Instagramдан көрүңүз

Жаңы нерселерди сынап көрүңүз! 🍉 Мен көбүнчө палео диетаны карманам (көбүнчө эт бөлүгү), бирок кээде башка бир нерсеге жейм

A post shared by Бенжи Эскобари Маркес (@benjimite_thegudboi) on

Көптөгөн сайттар веб-сайтыңызга кыстаруу үчүн iframes сунуштайт. Мисал катары, бул жерде сиз YouTube видеосу үчүн iframe кодун кантип табасыз:

alt text

iframe үлгүсү

Төмөнкү кодду көчүрүңүз: <iframe width="560" height="315" src="https://www.youtube.com/embed/lQsqEBSGdyc" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe>

Кодду Code Pen-ге киргизсеңиз ал ушундай көрүнөт: