Преглед садржаја
Таггед видео де ХТМЛ5 Имамо много могућности да обогатимо своје документе, како бисмо наше странице учинили богатијим у погледу визуелног и слушног садржаја, захваљујући чињеници да не зависимо од додатке или трећих страна, можемо управљати нашим видео записима на начин који нам омогућава да без проблема постигнемо своје циљеве.Видео унапред учитавање
Када радимо са тежим садржајем, попут видео записа, морамо бити веома опрезни да не заситимо страницу, јер ово уместо обогаћивања нашег садржаја може постићи супротан ефекат и успорити наш документ и омогућити лоше искуство прегледавања.
Предвиђајући ово у ХТМЛ5 У видео елементу, омогућава нам да унапред учитамо видео за приказивање на овај начин, пазећи да имамо мало садржаја пре него што га прикажемо кориснику и на тај начин не ометамо њихово искуство на нашој страници.
За ово можемо користити следеће атрибуте:
прелоад - је атрибут који ће нам омогућити да користимо функцију унапред учитавања видео записа.
ниједан - видео се неће учитавати док га корисник не пусти.
метаподаци - само ће се учитавати само метаподаци видео записа, односно детаљи о видеу, попут величине, трајања итд.
ауто - прегледач може аутоматски преузети видео запис ако сматра потребним, претраживач може чак и игнорисати ово упутство, то је подразумевано понашање.
Погледајмо мали пример кода како се користи ово својство:
Пример Видео не може да се прикаже Видео не може да се прикаже
На следећој слици видимо како прегледач тумачи позив видеу користећи атрибуте ниједан И метаподаци:
Важно је нагласити да морамо уравнотежено користити ово својство, јер можемо непотребно трошити ресурсе, као и пропусност, што би се такође могло превести у лоше искуство кориштења наше странице.
Поставите насловну слику за видео запис
Пошто је видео важан део наше странице, не можемо дозволити да прикаже први кадар јер може да наруши дизајн, јер за то можемо поставити насловну слику или чувар места, са овим можемо чак и да контролишемо коју слику да прикажемо ако корисник још није дао налог да пусти видео, за то можемо да користимо атрибуте постера, за то можемо видети следећи пример кода.
Пример видео записа се не може приказати
Хајде сада да видимо мало како претраживач тумачи ово и како би то корисник видео:
ЕНЛАРГЕ
Да би се постигао овај ефекат, учињен је снимак екрана видео снимка, а затим и својство плакат ову слику можемо поставити као омот нашег видео елемента.Овим завршавамо овај водич, са овим новим својствима можемо на бољи начин да контролишемо начин на који можемо приказивати наше видео записе и на тај начин стварати нове, богатије и интерактивније документе.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен