видео с ютюб

dostel1 · January 4, 2012

Вставляю видео в блок ,но хочу чтобы над ним была картинка типа постера,при клике на которую показывался ролик.Проблема в том что постер не показывается


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>

<style>
html.body{position:relative}
div{position:relative;width:420px;height:315px;border:1px solid red;
overflow:hidden}
img{position:absolute;top:0;left:0}
</style>
</head>
<body>
<div>
<iframe width="420" height="315" src="http://www.youtube.com/embed/TTtWc7CAZgM" frameborder="0"></iframe>
<img src="1.jpg" width="420" height="315" onclick="this.style.display='none'" /> 
</div>
</body>
</html>

Klaus · January 4, 2012

Картинка в той же папке что и сам код? Потому что она у меня отображается.

dostel1 · January 4, 2012

С путями все верно!У меня картинка есть, только секунду пока видео не начало грузится ,а потом резко пропадает хоть не должно

true.True?TRUE! · January 8, 2012

dostel1, Слушай, у меня тоже все есть. Только ты бы это, позицию поменял на релятивную, а то у тебя поверх изображения черным прям написано "Изображение". Это не эстетично,глаза режет.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Документ без названия</title>
<style>
html.body{position:relative}
div{position:relative;width:420px;height:315px;border:1px solid red;
overflow:hidden}
img{position:relative;top:0;left:0}
</style>
</head>
<body>
<div>
<iframe width="420" height="315" src="http://www.youtube.com/embed/TTtWc7CAZgM" frameborder="0"></iframe>
<img src="1.jpg" width="420" height="315" onclick="this.style.display='none'" />
</div>
</body>
</html>

Где надо менять, я подчеркнул красным. Ну или выделил -)) Проверь.

Прошу прощения, небольшой пост-скриптум. В Мазиле все в порядке, предыдущий пост был об отображении в Опере.

dostel1 · January 8, 2012

не пашет твой способ !

Я сделал через скрипт которЫй менял для iframe display

true.True?TRUE! · January 8, 2012

не пашет твой способ !

Кстати,темка.. У меня в опере 11.60 эта надпись "Изображение" появляется, а у другого человека нет такого. Странное, Опера вроде не старая.Почему у меня есть а у остальных нет? Это не глобальный, но косяк..а надпись все же есть. Мне поверят на слово или выложить скрины?

Sign In

видео с ютюб

Question

dostel1

Link to comment

Share on other sites

5 answers to this question

Recommended Posts

Klaus

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

true.True?TRUE!

Link to comment

Share on other sites

dostel1

Link to comment

Share on other sites

true.True?TRUE!

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information