2016-03-31 13 views
5

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.

Odpowiedz

1

O ile widzę, <video> element nie jest podniesienie jego wysokość odpowiednio .. ustawienia style CSS wysokość: 100% będzie rozwiązać problem

+0

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. –

Powiązane problemy