Съдържание
Когато правим документи HTML много пъти трябва да обогатяваме съдържанието си, а също и много пъти вече да използваме анимации или ефекти с Javascript Не е достатъчно, в тези случаи трябва да обжалваме мултимедийното съдържание, което отговаря на нашите нужди, било то запис, песен или видео.В случай на мултимедийна работа, можем да използваме аудио и видео със спецификацията на HTML5, използвайки новите тагове, така че да не зависим от езици или приставки на трети страни.
Видео елемент
HTML5 Той съдържа поддръжка за въвеждане на видеоклипове като част от документа или страницата, която се прави, без да е необходимо да се използва Flash Player или друга приставка, като по този начин се увеличава стабилността на браузъра, това е така, защото приставките често са основната причина за които браузърите се провалят, тъй като тези добавки непрекъснато се актуализират и могат да влизат в конфликт с нови функции или подобрения.
Елементът HTML5 видео Тя ни позволява да вграждаме видеоклипове, без да се нуждаем от помощта на приставка, с това можем да възпроизвеждаме малки или големи видеоклипове на нашите страници и да обогатяваме тяхното съдържание.
За да използваме видео елемента, имаме следните характеристики, които трябва да знаем, за да можем да разберем кода на следващите примери.
Елемент: видео.
Местни атрибути: автоматично пускане, предварително зареждане, контроли, цикъл, плакат, височина, ширина, заглушен,
src.
Трябва да се отбележи, че този елемент е напълно нов в HTML5 така че може да не е съвместим със стари браузъри.
След като знаем елемента и неговите локални атрибути, нека видим малък код за това как да внедрим видеоклип:
Примерният видеоклип не може да бъде показан
Както виждаме, стартираме видео маркер, задаваме параметрите на неговия размер, шрифта и src, където намираме видеоклипа, в този случай той трябва да е в същата папка като файла, който съдържа HTMLВ случай, че видеото не може да се види, трябва да покажем съобщение и след това да затворим маркера.Ако сме прегледали страници с видео, ще видим, че всичко е много познато за нас, когато видим този резултат; Нека да видим изображение как трябва да изглежда нашето видео:
Вече знаехме какви са местните атрибути, които видео маркерът може да носи, и дори ги поставихме на тест в нашия пример, сега нека видим какво означава всеки от тях.
автоматично изпълнение - ако поставим този атрибут, браузърът ще започне да възпроизвежда видеоклипа възможно най -скоро.
предварително зареждане - показва, че браузърът трябва или не трябва да зарежда предварително видеоклипа в зависимост от това, което посочваме в този атрибут.
контроли - браузърът няма да показва контролите, освен ако няма този атрибут.
цикъл - ако има, браузърът ще възпроизвежда видеото в безкраен цикъл.
постер - посочете изображение, което да се показва, докато видеото се зарежда.
височина - показва височината на видео елемента.
ширина - показва ширината на видео елемента.
заглушен - ако има, той казва на браузъра, че първоначално видеото трябва да се възпроизвежда без сила на звука.
src - посочете пътя на видеото за възпроизвеждане.
С това завършваме този урок, където имахме първия подход към видео елемента и как да го използваме в документ HTMLПо този начин имаме нов инструмент за обогатяване на нашите страници.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка
