Мне нужно использовать wmode = opaque или что-то подобное, потому что я хотел бы поместить изображение перед видео (изображения-заполнители и стрелки, поскольку видео будет в слайд-шоу).
Однако я изо всех сил пытаюсь заставить это работать в любой версии IE (даже 9!).
Я также пробовал каждый вариант wmode - непрозрачный, прозрачный, оконный и прямой
Вот ссылка на код ...
http://jsfiddle.net/KtbYR/30/
Вот актуальный код для сохранения ...
/* HTML */ <div id="tabs2"> <div> <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'> <iframe id="frame1" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?e&wmode=opaque"></iframe> </div> <div> <img class='thumb' src='http://static.guim.co.uk/sys-images/Guardian/Arts_/Pictures/2003/12/04/explosions.jpg'> <iframe id="frame2" width="640" height="390" frameborder="0" title="YouTube video player"type="text/html"src="http://www.youtube.com/embed/u1zgFlCw8Aw?wmode=opaque"></iframe> </div>
/* CSS */ #tabs2 div { position: relative; } .thumb { position: absolute; }
Как именно вы тестируете, работает ли это в IE? Я только что проверил и слои изображения сверху видео правильно