Как добавить код плеера youtube адаптивно?

Question

[testkeyc]

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

Answer 1

[tyzberd]

посмотреть как тут https://getbootstrap.com/docs/4.0/utilities/embed/

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
}
.embed-responsive::before {
    display: block;
    content: "";
}
.embed-responsive-16by9::before {
    padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

Answer 2

[азаза]

width="100%"
height="100%"
не?

Comments

[testkeyc]

не

[азаза]

testkeyc, что не
в style выведи ширину и высоту максимальную + максималку сделай напр. 600pcx

Answer 3

[Даниил Маслов]

Вставьте видео в блок, который будет адаптивным. Тогда само видео будет подстраиваться под ширину и высоту блока.