помогите,пожалуйста с добавлением видео!

[eleonore]

Вот html:

<video id="video1" width="270" height="205" controls>

<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.mp4"><!-- опускаем type для android-->

<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6.webm" type='video/webm; codecs="vp8, vorbis"'>

<source src="video/D8D812BA_5056_A318_A81496B1E1D048C6(1).ogv" type='video/ogg; codecs="theora, vorbis"'>

</video>

Вот css:

#video1 {

border:4px solid #FFF;

border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

}

google отображает во так:

панель управления,вместе с видео куда-то съехала!

в IE 9 не отображаются элементы управления видео.Только плей по середине экрана.

safari не отображает вообще не чего!в мозилле и опере все хорошо.Как можно исправить эти ошибки?что не так в моем коде.И еще, подскажите,пожалуйста что добавить в код,чтобы подключить видео для старых браузеров через флешплеер. Спасибо,я уже измучилась))!

[red4pony]

Применил border-radius непосредственно к <video> (Firefox 20.0 - все отлично отобразилось)

Edited May 10, 2013 by red4pony

[eleonore]

Применил border-radius непосредственно к <video> (Firefox 20.0 - все отлично отобразилось)

Я написала,что в мозилле и опере все отлично.А стили я и так применила к <video>, только через идентификатор,что не меняет сути.

[red4pony]

Простите, не правильно выразился. Попробуйте height: auto

Если не указывать путь к файлу, ту и в Chrome и в Firefox скругления происходят коректно, скорее всего проблема в очередность добавления видеофайлов. Попробуйте поменять местами или поудалять поочередно.

Edited May 10, 2013 by red4pony

[eleonore]

Простите, не правильно выразился. Попробуйте height: auto

Да!с google проблема решилась. спасибо вам! но остальные вопросы все ещё актуальны .надеюсь,кто-нибудь ещё поможет.