Google Chrome nezobrazuje video přes celou obrazovku

Na html stránce jeden element roztahoval šířku tak, že nebyla vhodná pro chytré telefony.
Zjistit, který element to dělá, je detektivka.
V Google Chrome prohlížeči je možnost otevřít si vývojářskou konzoli pomocí klávesy F12.
Kliknout na šipku a pak na patřičný element, kde jsem čekal chybu, v záložce Elements.
Zjistil jsem, že html kontejner je užší, než ostatní elementy, i když měl šířku 100% a
to dole v konzoli, kde se vypsaly všechny nadřazené elementy elementu, na který jsem klikl.

Postupně jsem myší přejížděl nad nadřazenými elementy a viděl, že všechny mají užší šířku,
dle namodralé ploše pohybující vyznačující element na stránce.
Pak jsem přejel nad tabulku nadřazenou přímo elementu a tam již vykazovala šířku větší než HTML tag element.
Zkusil jsem tabulku zúžit na width:50%
Styl lze snadno upravit v pravém poli vývojářské konzole pod hlavičkou STYLES - element.style.
Tabulka již vykazovala zúžení, ale stále tam byl nějaký element, který byl širší.
Najel jsem na tlačítko, označil jej, viz na obrázek tmavě šedý proužek a zkusil jsem mu mu zmenšit šířku natvrdo,
tedy na 200px. Stránka okamžitě splaskla - byl nalezen problém.

Tedy po delším zkoušení nakonec problém dělalo tlačítko input type button, které mělo delší text,
jenž se na malých obrazovkách ještě zvětšil, měl jsem to ve style.css tak nadefinováno.

Tlačítko INPUT jsem změnil na DIV, text zkrátil a vše bylo již v pořádku.
Místo INPUT, pokud je to možné, raději používat elementy SPAN, DIV, A s událostí onclick.

Obrázek ukazuje vývojářskou konzoli prohlížeče Google Chrome a šířku elementů, když se přejíždí nad jejich seznamem myší.

Najel jsem kurzorem nad tag HTML a hned viděl, že ten stránku nerozšiřuje a není příčinou problému, pak jsem přejel nad další tag a postupoval až k tagu, který již byl širší než HTML a v něm byl problémový element.

Prohlížeč Google Chrome má řadu funkcí a nástrojů.
Jedním z nich jsou Nástroje pro vývojáře.
Vynikající možností je přímá editace souborů například stylů - vzhledu stránky.
Jak změnit vzhled určitého prvku stránky v Google Chrome ukazuje video:
**VIDEO YOUTUBE

Chytré hodinky, název je odvozen od označení pro chytré telefony.
Chytrý telefon je vlastně počítač do kapsy.
Chytré hodinky si patrně dobudou srdce nejen mladých, ale budou nepostradatelné
především pro nemocné, starší a hendykepované osoby.
Chytré hodinky jsou tedy náramkový počítač, který samozřejmě dokáže zobrazit
čas, ale prakticky jeho datové možnosti jsou omezeny jen schopností vývojářů
vymýšlet aplikace.
Umožňují nejen telefonování (nemusíme hledat telefon po kapsách a kabelkách),
ale také mají vestavěný fotoaparát (např. v řemínku hodinek).
A jelikož se hodinky dotýkají pokožky v zápěstí, mohou
snímat důležité tělesné údaje (teplotu lidského těla, tlak, puls, potivost a mnoho dalšího).
Představte si že máte vysoký tlak a hodinky Vás upozorní, že je vhodný čas
pro aplikaci další tablety léku pro snížení krevního tlaku.
Hodinky také ocení sportovci, hodinky včas upozorní na nebezpečí poškození organizmu.
Jelikož chytré hodinky jsou počítač, mohou se do nich instalovat další aplikace,
které rozšíří jejich funkci. Předpovídání počasí pak bude pro Vás hračkou.
S hodinkami je možné brouzdat po internetu a je tu možnost připojení
k externímu zařízení pro stažení například obrázků do počítače, či zobrazení
uložených dat v paměti hodinek.
První chytré hodinky předvedla korejská firma Samsung.

Máte ještě Windows 7, ale chtěli byste moderní prohlížeč Edge. Není problém si jej nainstalovat.

Edge je internetový prohlížeč, který nyní může být instalování i na Windows 7.
Odkaz ke stažení https://www.microsoft.com/en-us/edge

Edge je příbuzný Google Chrome, takže pokud máte Chrome již
nainstalováno, není třeba instalovat další prohlížeč.

Microsoft Edge vs. versus Chrome
Edge:

• + má nižší nároky na RAM a CPU (ale to může být způsobeno i tím,
  co si Chrome vše obstarává během běhu pro větší komfort uživatele)
• + dobré zabezpečení a jeho nastavení již při instalaci Edge

• - málo doplňků tzv. extensions (Chrome má svůj obchod,
  kde lze stáhnout řadu prověřených rozšíření a pomůcek)
• - menší podpora platforem (ale dostatečná)
• - menší zázemí (Google nabízí nepřeberné množství služeb)

Date: 15.07.2020 - 16:51

Pokud potřebujete velmi malý a jednoduchý editor textu,
nebo zdrojového kodu, pak Notepad2 je výbornou volbou.
Dokáže navíc barevně zvýraznit syntaxi - klíčová slova a tagy
zdrojového kódu. Zvládá UTF-8 a mnoho dalších kódování
textu.
Odkaz na stažení Notepad2 download:
//www.flos-freeware.ch/notepad2.html