Autor Zpráva
Tonny
Profil *
Ahoj,
na stránce mám přidané video z youtube:
<iframe width="800" height="400" src="http://www.youtube.com/embed/m9kAH2v9200" frameborder="0" allowfullscreen></iframe>

Funguje to jak má, ale je to před veškerým obsahem, což je problém, protože jednak používám vysouvací panel, který přesahuje toto vido a za druhé používám jQuery pluggin colorbox.

Zkoušel jsem nastavit z-index jak do <iframe> tak do všechy divů, které potřebuji mít nad tímto videem, ale nefungovalo to :(
Taky jsem někde na šel, že může pomoct &wmode=opaque, boužel mi to nepomohlo :(
Také jsem se snažil přidat to viedo pomocí alternatví možnosti s použitím tagu <object>, ale také jsem neuspěl :(

Nevíte prosím někdo jak na to?

Stránka na které tento problém řeším: http://www.big-wall.cz/docasny.php
weroro
Profil
<div id="video">
  <object type="application/x-shockwave-flash" data="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1" width="800" height="400">
    <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1">
    <param name="allowScriptAccess" value="always">
    <param name="wmode" value="opaque">
  </object>
</div>
v CSS nastavíš:
#video {
                      position:relative; /*alebo absolute neviem, ktorú variantu teraz používaš*/
                      z-index:-1; /*alebo nižší od ostatných*/
                    }
Keď už používaš na stránke tony Javascriptu, tak sa pozri aj na ideálne vloženie flashu do html.
Jan Kupka
Profil
[#1] Tonny

Ahoj, zůstal bych u toho iframe řešení. Je to doporučovaný způsob embeddingu pro YouTube, protože to dokáže přepnout na HTML5 verzi videa, pokud si někdo otevře stránku na zařízení, které Flash nepodporuje (nebo pokud přijde na web někdo, kdo nemá nainstalovaný / má zakázaný Flash plugin). Přidání wmode=opaque za URL videa by mělo fungovat. V případě, že je to první parametr, ale musíš ampersand nahradit otazníkem.

<iframe width="800" height="400" src="http://www.youtube.com/embed/m9kAH2v9200?wmode=opaque" frameborder="0" allowfullscreen></iframe>

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: