КампутарыБяспеку

Некалькі спосабаў, як ўставіць відэа ў HTML

Сайт у Інтэрнэце - гэта сродак прасоўвання нейкі паслугі або прадмета. Але які ж вэб-рэсурс без медыя-кантэнту? Практычна на кожным сайце ёсць відэаролікі, якія тлумачаць, прыцягваюць, цікавяць. Таму ўладальнік вэб-рэсурсу імкнецца даведацца, як ўставіць відэа ў HTML.

Спосабы стварэння сайтаў

Такім чынам, web-сайты - магчымасць прадставіць інфармацыю інтэрактыўна. Як вядома, інтэрнэт-рэсурсы складаюцца з старонак, якія ўзаемазвязаны паміж сабой гіперспасылкамі. Як можна стварыць уласны сайт?

  1. Выкарыстоўваць тэхналогію блоггінга. Што гэта значыць? Зарэгістравацца на сайце і атрымаць даменнае імя другога ўзроўня. Дзякуючы такой магчымасці ўладальнік сайта становіцца адміністрацыяй свайго рэсурсу і атрымлівае доступ да спецыяльнай панэлі. Пры дапамозе яе можна трансфармаваць «дзецішча» на свой густ.
  2. Скарыстацца распрацаванымі шматлікімі канструктарамі сайтаў, па тыпу ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net і т. Д.
  3. Распрацаваць інтэрнэт-рэсурс з дапамогай CMS, т. Е. Сістэмы кіравання сайтам.
  4. Спраектаваць уласны дызайн «стварэння» і ўзнавіць яго з дапамогай мовы праграмавання HTML.

Аднак сёння стварыць паўнавартасна функцыянуе сайт на HTML практычна немагчыма, але, ведаючы гэтую мову, разметкі вэб-старонкі можна адкарэктаваць, змяніць структуру ў гатовых шаблонах.

Складовыя элементы частцы web-тэхналогіі

Тэхналогія web падзяляецца на наступныя базавыя кампаненты:

  1. Розныя па сваім родзе кампутарныя сеткі ўзаемадзейнічаюць адзін з адным па пратаколе TCP / IP.
  2. Web стаў адным з прыкладанняў Internet, якія прызначаны для масавага распаўсюджвання разнастайнай інфармацыі.
  3. У web-тэхналогіі носьбітамі дадзеных з'яўляюцца старонкі, якія ўтрымліваюць медыя-кантэнт (графіку, відэа, гіперспасылкі), таму трэба ведаць, як ўставіць відэа ў HTML.
  4. Каб перадаваць інфармацыю-гіпертэксту тэхналогія web выкарыстоўвае пратакол HTTP.
  5. Для праектавання і стварэння вэб-старонак ўжываецца мова разметкі гіпертэксту HTML.
  6. Каб бачыць рэсурсы ў Internet, трэба скарыстацца браўзэрам.

Спосаб № 1. Устаўка медыя-кантэнту (відэа) пры дапамозе тэгаў HTML5

Існуе некалькі спосабаў ўстаўкі відэа кантэнту на вэб-старонку. Вылучаюць тры варыянты: устаўка з дапамогай HTML, плэера або YouTube. Для пачатку трэба стварыць звычайны HTML5-файл, які будзе ўтрымліваць у сабе стылі старонкі і некалькі падзагалоўкам. Пасля падрыхтоўкі можна выбіраць адзін з метадаў і атрымліваць асалоду ад вынікам.

  1. Знайсці трэці загаловак і прапісаць код прама пад ім:
  2. Адкрыць старонку ў браўзэры і пераканацца ў з'яўленні відэа.
  3. Абавязкова трэба правільна прапісаць шлях да роліка.
  4. Каб ўстаўка відэа ў HTML была пісьменнай, трэба размеціць панэль кантролю відэа. За гэта адказвае параметр controls.

Варта ўлічыць, што такі спосаб характэрны не для ўсіх. Да прыкладу, у браўзэры Opera відэа, размешчанае такім спосабам, прайгравацца не будзе. Каб пазбегнуць такой сітуацыі, трэба канвертаваць відэаролік у тып Ogg Theora, змяніць код.

Канвертаваць файл можна з дапамогай сэрвісу online-convert.com. Затым трэба змяніць код на такі:

Калі стары браўзэр не разумее нейкі тэг, тады код можа выглядаць наступным чынам.

Спосаб № 2. Як ўставіць відэа ў HTML пры дапамозе плэера

Відэакантэнт можна ўстаўляць у HTML без якой-небудзь заўчаснай загрузкі на відэасэрвіс. Такім чынам, можна скарыстацца скрыптам плэера, каб выставіць патрэбны ролік на сайт з пашырэннем .mp4 або .flv. Перш за ўсё трэба абраць сам ролік. Затым трэба выбраць адзін з мноства бясплатных плэераў. Як варыянт, можна скарыстацца Flowplayer.

  1. Трэба спампаваць файлы названага плэера на лакальны кампутар.
  2. Разархіваваць іх у канкрэтную тэчку на ствараным сайце.
  3. Адкрыць HTML-файл і падключыць javascript-файл прайгравальніка да падрыхтаванага файлу. Для гэтага трэба прапісаць спецыяльны код ўнутры тэга HEAD. Важна: правільна пазначыць шлях да тэчцы!
  4. Трэба размясціць плэер у HTML-файле. Тут трэба правільна прапісаць шлях да файлаў. Тут жа паказваюцца налады, якія забараняюць відэа запускацца аўтаматычна. Калі трэба, каб відэа запусцілася «аўтаматам», варта пасля шляху да файла прыбраць коску, зачыніць дужку (круглую) і паставіць кропку з коскай.

Такі спосаб даволі просты і зразумелы, каб дадаць відэа ў HTML. Дарэчы, такім варыянтам карыстаюцца многія web-праграмісты.

Спосаб № 3. Устаўка відэа ў HTML з ютубе

Пасля стварэння падрыхтоўчага файла HTML5 можна прыступаць да ўстаўкі відэакантэнту з сэрвісу YouTube.

  1. Для пачатку трэба выбраць відэаролік, які будзе знаходзіцца на старонцы. Ён павінен захоўвацца на лакальным кампутары.
  2. Трэба перайсці на сайт youtube.com. Варта стварыць свой рахунак або ўвайсці ў які ўжо існуе.
  3. Пасля ўваходу на сваю старонку ў YouTube патрабуецца націснуць кнопку «Дадаць відэа», пасля чаго выйдзе акно, у якім будзе прапанавана выбраць файл для загрузкі. Абраны відэаролік загрузіцца праз некаторы час.
  4. Можна перайсці па спасылцы загружанага файла, якая знаходзіцца уверсе.
  5. Каб атрымаць код для ўстаўкі відэа, трэба націснуць «Падзяліцца» і «HTML-код». Старонка выдасць праграмны код, які неабходны. Тут можна паказаць такія параметры, як-то: рэжым прыватнасці, памер відэа, магчымасць паказаць падобныя запісы.
  6. Пасля налады параметраў код капіюецца і ўстаўляецца ў падрыхтаваны HTML-файл.
  7. Усё гатова. Зараз зразумела, як ўставіць відэа ў HTML з сэрвісу YouTube.

Такім чынам, былі разгледжаны некалькі спосабаў ўстаўкі відэа ў HTML. Які варыянт абраць - вырашаць web-праграмісту або ўладальніку сайта.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 be.delachieve.com. Theme powered by WordPress.