встраивание видео в формате «Ответственная сетка» (видео не загружается)

Question

поэтому я программирую оцениваемый сайт для своей степени, и я пришел к одному из немногих элементов, которые нуждаются в исправлении. Это позволяет загружать видео встраивания YouTube. Теперь у меня есть только одно разбитое видео.

Это было использовано на http://www.responsivegridsystem.com/, который был одобрен моим преподавателем курса. Чтобы дать краткое представление, я хочу, чтобы первое видео было помещено вправо с описанием слева, второе одно видео, которое должно быть помещено в let и описание справа, а третье видео должно быть как первый.

код ниже:

<!--content--> 

    <div id="maincontentcontainer"> 
     <div class="standardcontainer" id="example"> 
      <div class="maincontent"> 


       <div class="section group"> 
        <div class="col span_1_of_3"> 
        <h3>Sesame Street: Do De Duckie With Ernie</h3> 
        <p></p> 
        </div> 
        <div class="col span_2_of_3"> 
<iframe width="480" height="360" src="http://www.youtube-nocookie.com/embed/W6_d22aMqZs?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen </iframe> 
        </div> 
       </div>  

<!--next video--> 

       <div class="section group"> 
        <div class="col span_2_of_3"> 
<iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/gRfPqV6L2MA?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen </iframe> 
        </div> 
        <div class="col span_1_of_3"> 
        <h3>Is It A Good Idea To Microwave Rubber Ducks?</h3> 
        <p></p> 
        </div> 
       </div> 

<!--next video--> 

       <div class="section group"> 
        <div class="col span_1_of_3"> 
        <h3>Dany T - Rubber Ducky (Official Teaser)</h3> 
        <p></p> 
        </div> 
        <div class="col span_2_of_3"> 
<iframe width="560" height="315" src="http://www.youtube-nocookie.com/embed/TDLxEWelXsE?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen </iframe> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

Что на самом деле происходит, когда я пробный страницу в Chrome (мой основной браузер тестирования), только первый и третий видео загружены в то время как второе видео не существует.

ЛЮБАЯ ПОМОЩЬ ???

Answer 1

вы не правильно закрывать ваш iframe s:

это:

<iframe width="480" height="360" src="http://www.youtube-nocookie.com/embed/W6_d22aMqZs?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen </iframe> 

должен быть таким:

<iframe width="480" height="360" src="http://www.youtube-nocookie.com/embed/W6_d22aMqZs?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe> 

Чтобы продемонстрировать не все другой код, ваш есть:

<iframe </iframe> 

вместо

<iframe></iframe> 

Все три из них, как, что

FIDDLE