Trzy filmy z youtube w jednej linii responsywne

Dla specjalistów Webmastering
#1

Witam

W jaki sposób dodać trzy filmy w jednej linii na stronę tak aby były responsywne? I w jaki sposób lepiej dodawać filmy normalny url czy ten embed ?

   <div class="col-9 center-block" align="center">

        <div class="video-container text-center">
       
                <iframe width="560" height="415" src="https://www.youtube.com/embed/..." frameborder="0"
                        allowfullscreen></iframe>

   

        </div>

        <div class="video-container text-center">
         
                <iframe width="560" height="415" src="https://www.youtube.com/embed/..." frameborder="0"
                        allowfullscreen></iframe>

          

        </div>

        <div class="video-container text-center">
        
                <iframe width="560" height="415" src="https://www.youtube.com/embed/..." frameborder="0"
                        allowfullscreen></iframe>

  

        </div>
    </div>
    .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  width: 30%;

}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

}

.entry-content img,
.entry-content iframe,
.entry-content object,
.entry-content embed {
  max-width: 100%;
}
#2

Użyj flexboxa i media queries dla użyskania responsywności jaką chcesz mieć.

#3

A filmy wrzuca się z linka embed.

#4

Czyli tak jak teraz wrzucam? Tylko z embed problem jest taki że w Wordpressie on ma wbudowane klasy i strasznie to wszystko komplikuje. Może lepiej dodać filmik po prostu z linku?

#5

Ale to ty jesteś administratorem tej strony czy Wordpress? Twoja strona i to ty ustalasz jak zachowuje się system. Jak ci przeszkadza w twojej koncepcji, to zmień style czy co on tam robi.
Poza tym nie rozumiem sensu wrzucania 3 filmów obok siebie. Nie mogą te filmy być jeden pod drugim na całą szerokość ekranu? Nawet YT pokazuje miniatury zamiast kilku filmów obok siebie.

#6

Tak ale jak dodam film z embed to po otworzeniu strony film ma div’y z klasami jak
“ytp-gradient-top” “ytp-chrome-top ytp-share-button-visible” “ytp-title” których nie ma w pliku w kodzie tylko są generowane dynamicznie i nie wiem jak nad tym zapanować.