HTML5 уроки для начинающих | #17 - Специальные HTML5 теги

Подписаться 883 тыс.

Просмотров 85 тыс.

50% 1

Самые интересные теги пятой версии HTML языка. Использовать их необходимо очень острожно, ведь многие из этих тегов просто неправильно отображаются во многих браузерах.
✔ Основной сайт: itproger.com/
✔ -------------
Группа Вк - prog_life
Группа FaceBook - goo.gl/XW0aaP
Я в Google+ - goo.gl/Tqt9W0
Страничка Twitter - / goshadudar
Страничка Вк - codi999
✔ Начните зарабатывать на RU-vid - join.air.io/money_air
✔ Видео по заработку на RU-vid - goo.gl/RLPXV8
Помощь в развитии канала.
* Яндекс Деньги: 410014343706921
* Кошельки WebMoney:
- Доллар: Z331064341236
- Гривна: U386388718252
- Рубль: R214610220703

Опубликовано:

1 янв 2015

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 109

@gosha_dudar 3 года назад

Этот курс устарел, поэтому я выпустил его обновление 🔥 Вы можете просмотреть новый курс здесь: bit.ly/3jpAyBC

@vasek4691 3 года назад

Не открывает

@atomic4679 3 года назад

То чувство,когда дошел до 17 урока и увидел это твое сообщение :D

@augustsemmi3754 2 года назад

@@atomic4679 тоже самое

@balilopta9593 2 года назад

Поверь прошлые уроки намного лучше

@almazovelnar 9 лет назад

Уроки отличные, но с английским надо позаниматься :D

@Channel-we7hi 4 года назад

И мне)

@tedesca89 4 года назад

артАйкл....

@sarbasov 3 года назад

Хидер

@AllSoCutecool 8 лет назад

по идее так проще записать, нежеле src прописывать отдельной строкой и работает все.

@makey1213 5 лет назад

@@alllat9520 Нашел решения ?

@alllat9520 5 лет назад

Да. Работать будет, если только запускать в Mozilla Firefox

@MikhailRomanyk 6 лет назад

У меня с аудио тоже не сразу получилось - проверьте внимательно, как написали атрибуты (я ошиблась с написанием src, были буквы в другом порядке). Но видео так и не заработало. Зато в сети нашла другой вариант вставки видео с ютуба с помощью ТЭГа div и кода HTML видеоролика (начинается c ). Это мультик про Фиксиков, работает:)

@Sergey_tyrko 6 лет назад

Действительно )) Спасибо у меня та же проблема была ) src не правильно написан был.

@user-eo4zx5qu1j 6 лет назад

Спасибо! Нужная, полезная и доходчиво изложенная информация.

@alexanderkandinsky5565 6 лет назад

Даже сама панелька отображается по другому,через гугл хром открывают.Тупо есть кнопка включить и все...

@ExpertPoVsemVoprosam 6 лет назад

Не работает audio autoplay, браузер Chrome :(

@user-gy5ro8zr6h 4 года назад

Браузеры не разрешают audio autoplay. И видео аутоплей не разрешают.

@user-jy8dn4zk8i 4 года назад

@Volzhanin_34 4 года назад

почему так работает, а как в видеоуроке не работает?

@user-jy8dn4zk8i 4 года назад

@@Volzhanin_34 Надо понимать, что в сфере программирования всё всегда очень быстро меняется. Это норма)

@shoiratashpulatova9560 4 года назад

Спасибо большое за уроки очень интересно просто и легко

@user-fo7ko7hl4k 4 года назад

Очень круто Спасибо за все

@Normand1412 8 лет назад

Привет с аудио у меня вышло песня играет но видео не работает почему?кинул прямую ссылку на видео с ютуба.Почему не заработало????

@cheguevara1260 7 лет назад

какого рода ссылки(с интернета с компьютера) и файлы с каким расширением можно прикреплять в теги аудио и видео? я подставил в источник полный путь к видеофайлу и хром его не отобразил есть ли альтернативные способы отображения видео/аудио файлов?

@Alex-ni2uv 6 лет назад

по поводу тега audio, так тоже можно в html5?

@kataNakek 7 лет назад

Ребята, какую ссылку видео копировать?

@user-zm1bf3fc6f 4 года назад

4:42 А что делать, если пишут, что этот тип аудиофайлов не поддерживается? (Chrome)

@user-lt4ke2dk4b 4 года назад

Суперр!!!!!!!

@user-ps3pj2sn1v 6 лет назад

Можно ведь так, и здесь атрибут "controls" идет, как логический. Итого одна строка кода, а не несколько

@user-ps3pj2sn1v 6 лет назад

или это 2017

@lopolpol9866 6 лет назад

мне помогло, до этого не работало

@AlexanderS2306 6 лет назад

спасибо за комментарий, а то я думаю почему мне программа audio src сразу выдает

@lexalepexa830 3 года назад

Ребят. Все кто пишут "Не смог вставить аудио" - плохо пытались! У меня всё вышло, и я могу вам это доказать если хотите! Я зашёл на страницу с песнями, нажал на звуковую дорожку ЛКМ и выбрал "Проверить Код" Дальше ЛКМ по коду и выбор "Edit as HTML" а там уже нешёл похожий запрос как у Гоши и скопировал. Всё, вставляю и песня поёт.

@asadullamoldabekov2883 3 года назад

Проверить код или посмотреть код

@kyrylo.terentiev 5 лет назад

В последней версии html не обязательно прописывать после атрибутов их название в ковычках. наоборот, с ними у меня не работал ни луп ни автоплей. без них - все отлично

@user-wj8kh2st5c 6 лет назад

ахахах, музыка из златогорья 2 xDDD

@user-zs9th3lu3d 8 лет назад

Как вытащить прямую ссылку трека?

@alexanderkandinsky5565 6 лет назад

Не получилось аудио вставить,что только не делал.

@splakemotionless 4 года назад

берешь музыку с рабочего стола и кидаешь в браузер,в адресной строке копируешь текст и вставляешь в src="".

@far100ker 8 лет назад

header [хидер] article [артайкл] Т.е. head = хид? Умничать не буду, скажу лишь для новичков, что произносится правильно header - хэдэр, article - Атикл (верхним регистром выделил ударение)

@bankihoi 5 лет назад

чё то ты хуйню спизданул

@artgood955 4 года назад

Как изменить размер окошка с видео? Атрибут size="50%" не работает.

@Liliushka12 4 года назад

@alexocheretnyi351 5 лет назад

На счет main немного не верно. Тег main используется для наполнения основного контента (меняется в приделах сайта) то есть в нем используются теги article и selection, а никак не для списков.

@buchfreler1290 4 года назад

я в 2020 смотрю, во время карантина, наверное уже во всех браузерах работают.....

@kirilopetrov4351 8 лет назад

можно работать без тэга source? использовать src как aтрибут к audio Например:

@vanhelsing.21 2 года назад

Нет. Так не получится

@vanhelsing.21 2 года назад

А может и получится, я хз. Думаю ты уже нашёл ответ

@kretunion903 4 года назад

Если у вас не работает музыка с компа переименуйте музыку с русского языка на английский так как html не обрабатывает русский текст

@Greek_1 5 лет назад

привет, я не совсем допираю где этот путь взять.И как его указать.

@lil7even656 6 лет назад

долго парился,как поставить аудио или видо... но нашел ответ. Короч, надо нажать на само аудио или видео и посмотреть код и скопировать строчку, котрую вам даст код ну и убрать не нужное.

@alexandermarchenko7085 4 года назад

а точнее, пример

@user-kl6be1qp3g 4 года назад

так как все же правильно кинуть ссылку на аудио и видео? ничего не получается? скиньте прямую нужную ссылку

@user-de3ln3bm6f 6 лет назад

если на хостинг залить свою аудиозапись она будет проигрывать на моем сайте ?

@alexandermarchenko7085 4 года назад

В общем если трудности с воспроизведением с сайтов, может кому поможет prntscr.com/pn1d55 prntscr.com/pn1f9b prntscr.com/pn1g47 prntscr.com/pn1l1m HTML audio prntscr.com/pmyr3d так как много вопросов по данной теме то может рассмотрим?

@alllat9520 5 лет назад

@hauw2409 4 года назад

Много ошибок

@antondotsenko200 5 лет назад

А как скопировать ссылку на музыку ?

@OrestFalchuk 8 лет назад

Хорошие уроки, но у меня проблема. Немогу вставить аудио и видео ссилки. они неработають. Переписал ссилку из видео-она работает В Чем проблема?

@gosha_dudar 8 лет назад

Orest Falchuk ссылка должна быть именно на песню, не на сайт с песней, а только на песню

@GodunVideo 8 лет назад

+Тарас Шевченко Я нашел на этом сайте best-muzon.com/. На их плеере на кнопке воспроизведения нажал Окрыть ссылку в новой вкладке, потом скопировал из адресной строки ссылку и вуаля. Либо в коде можно покопаться и найти линк на файл. dnl6.best-muzon.com/dl/online/jIjIso_PcG1_hm8q5aEpcg/1456896487/songs12/2015/10/david-guetta-akon-sexy-bitch-art-fly-remix.-(best-muzon.com).mp3

@crystalsnake_42 8 лет назад

+SPORT & HEALTH GV channel На браузере файрфокс у меня тоже не работает, совсем плоха лиса стала( В яндекс браузере (и соответсвенно в хром) все нормально. Возможно, у вас та же проблема. Попробуйте хром. Кстати, для теста не обязательно брать музыку даже из сети, можно просто указать путь на компьютере (но только для теста).

@avtandilgigauri7047 8 лет назад

+Orest Falchuk вообще, лучше всего не использовать эти тэги, проще просто взять их HTML код.

@santasam6487 7 лет назад

лиса не поддерживает mp3 и AAC музыку в этом теге.

@lemurcatta4249 6 лет назад

Вообще все по другому. Даже панель иначе отображается. Ничего не работает. Я перепробовал много чего. До этого урока все было отлично. Видео, кстати, я запустил только с

@user-nq3fr9ue9j 8 лет назад

видео не проигрывается, что делать?

@YuriiOleskiv 7 лет назад

Формат mp4?

@YuriiOleskiv 7 лет назад

попробуй з компа кинути відео в форматі mp4

@raiden4405 6 лет назад

А как сделать ,что бы одна песня играла,без возможности воспроизвести сразу две песни?

@pavelsewerow1448 8 лет назад

Аудио получилось вставить и всё заработало, хоть пришлось и попотеть, а вот видео так и не захотело работать. Сам плеер появился и всё(

@user-ws6yx9wv8o 4 года назад

Поможете с аудио? не воспроизводится, что не так? Спокойная песня

@artgood955 4 года назад

Возможно, из-за того ты с Украины? Потому что у нас не работают сервера Яндекс/Меилру.

@artgood955 4 года назад

Я скопировал твой код, но заменил ссылку на свою. Все работает. Дело в ссылке.

@user-ws6yx9wv8o 4 года назад

@@artgood955 спасибо большое!

@guitarplayerigor3905 7 лет назад

Насколько важно их прописывать?

@azamatpm4323 5 лет назад

аудио: кроме как полностью вставить html-код музыки, другое не заработало. Ну или музыку с компа загрузить. видео: та же фигня что с аудио.

@user-ce4gl5bj1w 6 лет назад

нужно поменять название на просто HTML, а именно HTML5 затронут только чуть чуть

@molerzzprogramming6314 2 года назад

Всем привет, я начинающий программист на Python. Я бы хотел собрать команду для программированию и мне нужны люди, которые знают HTML хотя бы немного для создания программ и прочего. Команда любительская, будем учиться новому вместе, писать различные программы, ботов и прочего. Кто бы хотел?

@user-uf5rd3tq9d 8 лет назад

С audio получилось, а вот с video - нет(((

@indigosay 5 лет назад

Это значит что кодеки не подходят. Гугли совместимость кодеков и бразуеров и html5 video

@vanyatoxic 4 года назад

музыка вообще не работает ни в Dreamwiever, ни в Chrome, ни в Opera *Упс, я случайно прописал souce, вместо source)))))))) *Чтобы работало видео или аудио нужно вставить ссылку с названием и типом файла типо google.com/file.mp4 ссылка с Ютубчика или Яндекс Музыки не подойдут

@lamax847 6 лет назад

с английский беда....

@user-tv9nb4by4n 8 лет назад

Может быть имело смысл описать как вставки аудио и видео делались до HTML5? Раз уж не во всех браузерах они отображаются - инфа не совсем актуальная... Я бы с удовольствием узнал, как прицепить аудио и видео к сайту и чтобы всё и ВЕЗДЕ работало)) Пусть даже это будет и не HTML5...

@alexandermarchenko7085 4 года назад

Поддерживаю вопрос!

@serhiiriabov5634 6 лет назад

бля, ставьте атрибут preload(в тег audio) если пытаетесь включить песню с компа, изи

@user-vw4in1eu2e 6 лет назад

Артайкл

@alexandermarchenko7085 4 года назад

Если всё делать один в один то не воспроизводится.

@fiftyfifty565 4 года назад

autoplay не работает, не пойму почему. Loop работает. В чем прикол? Прописал всё верно. Пойду искать инфу в сети.. P.S. первое что нашел, это то, что вроде как запретили делать autoplay в браузерах, потому что людей бесила музыка начинающая играть во время загрузки страницы. Ну, верю, самого бесило. Значит тег на актуальный.

@user-yf5cs6ue1e 5 лет назад

"они крутые" - даже теги крутые....

@user-gn4jx8vp8o 3 года назад

Игорь тоже крутой

@alllat9520 5 лет назад

Все правильно написано почему не работает

@timurakhalaya6289 8 лет назад

Товарищ, учите английский А в остальном все нормально объясняете

@markgorbaichuk8290 5 лет назад

я начал изучать front-end мне 17 смогу ли я стать юниором в етом деле за 4 месяца і пойти на фриланс ???

@DearLittleSable 4 года назад

Сможешь!

@vladyslavsvyryd5315 7 лет назад

Ребят ну харе уже, вы тут прям все полиглоты... какбы класно не думали что знаете английский язык вы всеравно нихрена не знаете потомучто есть такая фигня как Native speakers pronunciations and vocal abbriviations которую между прочем преподают в оксфорде что в двух словах американец в быстром разговоре никогда не выговорит как по книге а вместо слова Whatever к примеру вы только и услышите ворвр.

@user-bk8zi5kz2o 7 лет назад

мне одному после его уроков приходится досматривать в инете подсказки как сделать то или сё...теперь вот ещё и как вставить ссылку и где её откапать ищу урок

@YuriiOleskiv 7 лет назад

він в попередніх уроках все розказував