Špatné zobrazení pozadí na mobilních zařízeních

11. 3. 2016 09:14:10

Dobrý den Vám přeji,

snad jsem tu s tím v dobré sekci.

Včera jsem spustil svůj web, fotografrealit cz.. Použil jsem html5 video v pozadí, které v prohlížečích na pc běží. To, že to nejspíš nepoběží na Androidech a Ios jsem si myslel, takže jsem zkusil způsoby, které jsem našel na internetu, aby se v mobilech zobrazil jen náhradní obrázek pozadí, místo videa.

Natěšeně jsem nejdřív zkusil Chrome v mobilu, blikl obrázek pozadí(zřejmě poster v html kódu u videa) a pak černé pozadí. V originálním prohlížeči androida jsem byl o polovinu úspěšnější. Obrázek pozadí vidím, nicméně je překryt klasickou ikonou videofilmu..

Jen pro představu co bych si přál, inspiroval jsem se webem powerhouse-company com, na pc běží video v pozadí, v mobilu je jen obrázek plachetnice.

Jak byste to řešili? Děkuji!

11. 3. 2016 09:14:10

https://webtrh.cz/diskuse/spatne-zobrazeni-pozadi-na-mobilnich-zarizenich#reply1181873

Smazaný účet m5u2DKRief

(48 hodnocení)

11. 3. 2016 09:45:57

Správně odkazuješ na 3 formáty videa, ale 2 z nich tam nejsou. S tím zástupným obrázkem místo videa se to taky dělá trochu jinak.

Viz http://thenewcode.com/777/Create-Fullscreen-HTML5-Page-Background-Video

11. 3. 2016 09:45:57

https://webtrh.cz/diskuse/spatne-zobrazeni-pozadi-na-mobilnich-zarizenich#reply1181872

Bary

11. 3. 2016 11:29:19

Děkuji za odpověď. Videa tam jsou. Všechny 3 formáty. Jen v kódu jsem měl u mp4 webvideo a u zbytku WebVideo. Může to mít vliv?

---------- Příspěvek doplněn 11.03.2016 v 12:27 ----------

Podle odkazu co jste zaslal to už běží jak má. Díky moc.

---------- Příspěvek doplněn 11.03.2016 v 12:58 ----------

Každopádně když se teď podíváte v mobilním zařízení do sekce Ceník, roluje se s textem i obrázek pozadí. Zkoušel jsem Fixed, ale to u background position nejde..

11. 3. 2016 11:29:19

https://webtrh.cz/diskuse/spatne-zobrazeni-pozadi-na-mobilnich-zarizenich#reply1181871

Pro odpověď se přihlašte.

Přihlásit