Резиновое видео в плеере для сайта.

[GreenField666]

Здравствуйте.
Как сделать, чтобы видео на сайте отображалось по всей его ширине (стало резиновым)
+Не отображался сам плеер. И оно играло автоматически?

Прикладываю скрин, как есть сейчас. Оно определенно занимает всю ширину. Но слишком большое.
Если трогаю параметр длины, то оно ограничивается черными полосами сбоку.

+Виден плеер на видео. И любой может его остановить, что мне не нужно.

Помогите, пожалуйста! Можно в личку!

Готов заплатить.

[Alex11223]

Плеер-то какой? В HTML5 video вроде не видно плеера если не добавить атрибут controls. Ну а растягивание просто в CSS что-нибудь типа width: 100%

оно ограничивается черными полосами сбоку

надо растягивать без соблюдения пропорций видео? Если с соблюдением, то как же без черных полос?

[GreenField666]

<style>
.video {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.video iframe, .video object, .video embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
<figure>
            <iframe name="video-iframe" src="https://player.vimeo.com/video/158738670?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff&amp;autoplay=1&amp;loop=1" width="500" height="281" frameborder="0"></iframe>
        </figure>

[Alex11223]

https://www.google.com/search?q=vime...+hide+controls

[GreenField666]

Если убрать <style>
То все вроде бы есть. И как нужно.)
НО! Размер его остается маленьким!

[GreenField666]

Получается вот так.
Хотя оно должно растягиваться.
Если указываю больше размеры, то появляется черная рамка.