Оберните DIV со стилем вокруг встроенного видео на YouTube

Я разместил три видео YouTube на странице, но я их обернул DIV и CLASS под названием «видеоплеер», но DIV и CLASS, похоже, игнорируются, потому что они не отображаются на странице.Оберните DIV со стилем вокруг встроенного видео на YouTube

Вы можете увидеть здесь: http://72.4.166.89/en/tutorial.asp

Вот CSS используется:

.videoplayer { 
border: 1px solid #1D740C; 
height: 384px; 
width: 480px; 
padding: 0px; 
margin-left: 25px; 
margin-bottom: 25px;

}

Я смотрел с большинством моих инструментов и я не вижу DIV или CLASS, которые были использованы вообще, но они есть. Кто-нибудь еще сталкивается с этим, или это не разрешено?

источник

2011-01-06 stephmoreland

вы могли бы разместить CSS вам используется для стиля div ?? Таким образом, мы можем сказать, чего не хватает :) –

Что действительно интересно, я вытащил один из div видеоплеер и ваш css в jsfiddle, и он работает: http://jsfiddle.net/Damien_at_SF/guSAC/ (ps Я изменил высоту на 390 пикселей, ту же высоту, что и игрок: P) –

Вместо создание ДИВ окружить игрока и добавить класс к DIV, почему бы не просто использовать встроенный в классе игрока youtube-player, чтобы применить стиль:

.youtube-player{ 
    border: 1px solid #1D740C; 
    height: 390px; 
    width: 480px; 
    padding: 0px; 
    margin-left: 25px; 
    margin-bottom: 25px; 
}

Рабочий пример на jsfiddle: http://jsfiddle.net/Damien_at_SF/guSAC/1/

Это минует необходимость иметь родительский DIV, а также проблемы, которые у вас есть выше :)

надеждой, что помогает :)

источник

2011-01-06 23:28:38

Спасибо за подсказку. Я отказался, потому что, хотя я могу заставить его работать в другом месте, он отказывается работать на этой странице, и у меня нет на это времени, чтобы исправить это. – stephmoreland

Дивизион с классом «видеоплейер» находится на вашей странице, но не будет ничего не делать необычный, если вы не применяете информацию о стиле css. Если вы хотите, чтобы см., добавьте цвет фона или границу и т. Д., Например.

div.videoplayer { 
background:black; 
border:2px solid red; 
padding:10px; 
}

... или что-то в этом роде.

источник

2011-01-06 22:47:57 mozami

Это div будет невидимым (как и должно быть) без какой-либо помощи стилей. Единственный стиль, применяемый к div, - это некоторый размер текста и несколько других нерелевантных правил, которые не будут давать самому div. Предложение @ mozami исправит его для ya. –

Ну, в комментарии OP слева (теперь переместился на столбе), добавлена рамка ... Так что это не совсем так, поскольку граница тоже не появляется ... –

У вас есть div, вы просто не видите его в браузере без какой-либо помощи. Какие инструменты вы использовали? Попробуйте firebug, мне понадобилось буквально 3 секунды, чтобы найти его с функцией поиска.

или это запрещено?

Его наиболее определенно разрешено. Наличие тега объекта внутри div отлично.

источник

2011-01-06 22:53:46

я обнаружил вам не хватает вкладки закрытия (по крайней мере) один из ваших див

 
    <div class="videoplayer"> 
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/icAFUlsysqg?rel=0" frameborder="0"></iframe> 
    <!-- you see, there is no closing </div> tag, so put it here --> 
    <div class="videoplayer"> 
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/WC0E9jHw1B8?rel=0" frameborder="0"></iframe> 
    </div> 
    <div class="videoplayer"> 
    <iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/ayJbo1-ReBc?rel=0" frameborder="0"></iframe> 
    </div>

А также, вы должны определить некоторые CSS для этого класса :)

источник

2011-01-06 23:01:07 Andreyco

О, боже ... Я НЕ МОГУ поверить, что забыл закрыть тег. Должно быть, я был более отвлечен, чем думал! Спасибо, что указал на мою ошибку. – stephmoreland

В некоторых ситуациях это может нарушить формирование CSS, и ваш браузер не отображает это формирование. – Andreyco

Оберните DIV со стилем вокруг встроенного видео на YouTube

ответ

Смежные вопросы