video - Kurs HTML i CSS
HTML5 / Filmy i dźwięk <video, audio, source>Spis treści <video, audio, source> Wstęp Filmy i dźwięk Atrybuty odtwarzacza autoplay controls loop muted playsinline poster preload width, height Formaty audio/wideo MP3/MP4 OGG/OGV Kodeki Kodeki MP4 Kodeki OGG/OGV Wstęp Przed pojawieniem się języka HTML5, istniały już różne sposoby osadzania treści multimedialnych audio/wideo na stronach internetowych: Osadzenie pliku Uniwersalny sposób odtwarzania plików Niestety miały one spore wady: Większość z nich nie...
- Typy MIME / Wykaz typów MIME
...nfo text/x-opml opml text/x-pascal p pas text/x-setext etx text/x-sfv sfv text/x-uuencode uu text/x-vcalendar vcs text/x-vcard vcf video video/3gpp 3gp video/3gpp2 3g2 video/h261 h261 video/h263 h263 video/h264 h264 video/jpeg jpgv video/jpm jpm jpgm video/mj2 mj2 mjp2 video/mp4 mp4 mp4v mpg4 video/mpeg mpeg mpg mpe m1v m2v video/ogg ogv video/quicktime qt mov video/vnd.dece.hd uvh uvvh video/vnd.dece.mobile uvm uvvm video/vnd.dece.pd uvp uvvp...
- HTML5 / Uwierzytelnienie <audio crossorigin, img crossorigin, link crossorigin, script crossorigin, video crossorigin>
...JavaScript - wersja rozszerzona: <script src="lokalizacja" crossorigin="uwierzytelnienie"></script> Odtwarzacz filmów wideo - wersja podstawowa: <video src="lokalizacja" crossorigin></video> Odtwarzacz filmów wideo - wersja rozszerzona: <video src="lokalizacja" crossorigin="uwierzytelnienie"></video> lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób uwierzytelnienie Należy wpisać: anonymous - dane uwierzytelniające zostaną...
- HTML5 / Zdarzenia HTML5
...Worker, ServiceWorkerContainer Uruchamia się na obiekcie, gdy otrzymuje on wiadomość. Zdarzenia multimedialne loadstart onloadstart audio i video Agent użytkownika rozpoczyna wyszukiwanie danych multimedialnych jako część algorytmu wyboru zasobów. progress onprogress audio i video Agent użytkownika pobiera dane multimedialne. suspend onsuspend audio i video Agent użytkownika celowo nie pobiera obecnie danych multimedialnych. abort - audio i video Agent użytkownika...
- HTML5 / Napisy do filmów <track>
...Formatowanie tekstu Stylizacja napisów Napisy do filmów <track> (interpretuje: Internet Explorer 10, Firefox 31, Opera 12.1, Chrome 23) <video> <source src="lokalizacja pliku w formacie 1" type='format 1'> <source src="lokalizacja pliku w formacie 2" type='format 2'> (...) <track src="napisy.vtt" default> (...) Treść alternatywna </video> gdzie: napisy.vtt Lokalizacja pliku tekstowego z napisami (*.vtt) - na dysku lub adres URL do pliku w Internecie. Dodanie atrybutu...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...znaczniki Lekcja 2 - Wstawianie obrazków i podstawowe formatowanie tekstu Lekcja 3 - Listy i tabele w HTML Lekcja 4 - Multimedia w HTML: video, audio, widżety (iframe) Lekcja 5 - Wprowadzenie do CSS: podstawowe style i struktura arkuszy Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Lekcja 7 - Publikacja strony internetowej Zadanie końcowe / projekt Podsumowanie Wstęp Poniżej znajdziesz scenariusz cyklu lekcji oparty na podstawie programowej dla liceum i...
- HTML5 / Kategorie elementów HTML5
W języku HTML5 elementy zostały zaklasyfikowane do wyznaczonych kategorii, które grupują znaczniki o podobnych cechach. Jeden element może należeć do wielu kategorii jednocześnie, ale niektóre znaczniki nie należą do żadnej. Kategorie pozwalają od razu domyślić się, do czego służy wybrany element, jakie znaczniki może w sobie zawierać oraz wewnątrz których elementów powinien się znajdować. Kategorie zawartości są ze sobą powiązane w następujący sposób (niektóre elementy mogą należeć również do...
- Nagłówek i treść HTML / Roboty <meta "robots, googlebot">
...zdjęć ze strony w domyślnym rozmiarze large - wyszukiwarka będzie mogła wyświetlić duży podgląd zdjęć ze strony (nawet pełnoekranowy) "max-video-preview:czas" - jeżeli na stronie są osadzone materiały wideo, w wynikach wyszukiwania może się wyświetlać ich podgląd. Za pomocą tej dyrektywy możemy określić maksymalny czas trwania (wyrażony w sekundach) filmu z tym podglądem. Podanie wartości zero ("max-video-preview:0") oznacza, że w podglądzie będzie mogło się wyświetlić co najwyżej...
- HTML5 / Nowe elementy HTML5
...details, dialog, figcaption, figure, footer, header, hgroup, main, nav, search, section { display: block; } audio, canvas, embed, meter, progress, video { display: inline-block; } [hidden] { display: none; } Jeżeli nie korzystasz z możliwości CSS, nie musisz używać tej sztuczki... ale może w takim razie to już najwyższy czas, aby poznać Kaskadowe Arkusze Stylów 😉 Sekcje Sekcje to odrębne tematycznie fragmenty treści na stronie. Można je porównać do rozdziałów w książce. Każda sekcja...
- HTML5 / Zmienione elementy i atrybuty HTML5
...potomnych). Zmienione atrybuty accept Dla elementów INPUT pozwala użyć ogólnych wartości: "audio/*" (dowolny plik w formacie dźwiękowym), "video/*" (dowolny plik w formacie wideo), "image/*" (dowolny plik graficzny). accesskey Możliwość użycia listy klawiszy rozdzielonych spacjami, z których przeglądarka może wybrać najbardziej dla niej odpowiedni. action Nie może zawierać pustej wartości. border Dla znacznika TABLE może zawierać tylko pustą wartość lub cyfrę "1". colspan Dla...