2013/12/13

Responsive video

Responsive буюу ямар ч хэмжээтэй төхөөрөмж дээр алдаагүй, зохицон ажиллах видеоны эмбэд кодыг оруулах гэж нэлээн оролдож байгаад нэтээс хайж олов.

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
<div class="embed-container">
    <iframe src="//www.youtube.com/embed/ZI3z5cFgmMk" frameborder="0" allowfullscreen></iframe>
</div>

1 comment:

  1. padding-bottom: 56.25%;
    padding-top: 30px;

    Энэ хоёр мөр ямар учиртай вэ?

    ReplyDelete

Миний бичсэн бичлэг танд өчүүхэн ч болтугай хэрэг болсон бол сэтгэгдлээ бичиж үлдээхийг хүсье. Баярлалаа :)