Как я могу разместить абсолютно div, который содержит видео YouTube с тегом <object>на моем сайте? - PullRequest
Новая
       11

Как я могу разместить абсолютно div, который содержит видео YouTube с тегом <object>на моем сайте?

2 голосов
/ 01 ноября 2011

Я хотел бы импортировать видео YouTube на мой сайт.

Я использую объектный код, как вы увидите позже.У меня есть два деления.Каждый из них расположен абсолютно (position: absolute).

Моя проблема в том, что div2, содержащий кодировку youtube, "" не "подчиняется" атрибуту z-index.

Iхотел бы, чтобы div2 , который содержит видео YouTube *, перекрывался div1 *, который имеет z-индекс: на 3 больше, чемz-index (div2): 1.

Мой код выглядит следующим образом: 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">

.div1 {
    width:540px;
    height:400px;
        border:3px solid red;
    position:absolute;
    z-index:3;
}

.div2 {
    width:540px;
    height:350px;
    border:3px solid blue;
    position:absolute;
    z-index:1;
}

</style>

</head>

<body>

<div class="div2">

    <object width="540" height="415" >
     <param name="movie"
         value="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&autohide=1&showinfo=0"></param>
    <param name="allowScriptAccess" value="always"></param>
    <embed src="http://www.youtube.com/v/NWHfY_lvKIQ?version=3&autohide=1&showinfo=0"
         type="application/x-shockwave-flash"
         allowscriptaccess="always"
         width="540" height="415"></embed>
</object>

</div>
<div class="div1">
</div>


</body>
</html>

Если вы запустите пример, вы увидите, что div2 перекрывает div1, а это не должно.Я думаю, что проблема с кодом

Как я могу решить эту проблему? Вы когда-нибудь сталкивались с этой проблемой снова?

Спасибо, заранее

1 Ответ

1 голос
/ 01 ноября 2011

Вам нужно установить прозрачный wmode, чтобы это работало.Проверьте это:

http://jsfiddle.net/XjyHk/

...