Próbuję użyć rozszerzenia jQuery vide.js, aby dodać tło wideo do jednego z moich elementów div. Kod dla div wideo przedstawia się następująco:Pojawia się tylko wideo HTML na zmianę rozmiaru okna
<div id="header" data-vide-bg="mp4: graphics/videos/identity.mp4, webm: graphics/videos/identity.webm, ogv: graphics/videos/identity.ogv, poster: graphics/videos/equations.png" data-vide-options="posterType: 'detect', loop: true, muted: true, position: 0% 0%">
To działa czasami, ale jeśli pamięć podręczna przeglądarki jest wyczyszczone, a strona jest odświeżana (Ctrl/Cmd + Shift + R w Chrome), film nie pokazuje do momentu zmiany rozmiaru okna przeglądarki.
Próbowałem również za pomocą jQuery, aby dodać film do div programowo, bez skutku.
Możesz zobaczyć problem na żywo pod numerem this address.
To był problem. Jednak wydaje się, że problematyczne wartości są dodawane przez niektóre z kodu vide.js, więc pojawiają się w tekście. Jedynym sposobem rozwiązania problemu było dodanie flag "! Important" do CSS. –