otomatik oynatma YouTube Video Arkaplan Fayans

Question

Fiddle: YTVideos ile https://codepen.io/anon/pen/ZyLqPd
Fiddle:

http://www.seanmccambridge.com/tubular/ https://pupunzi.com/#mb.components/mb.YTPlayer/YTPlayer.html

https://codepen.io/anon/pen/KqXavy?editors=0100 kütüphaneler bir div bir arka plan youtube video ekleme etkinleştirmek kolayca dışarı orada mı?

Tekrar tekrar araştırdım ve hiçbir şey bulamadım.

Esasen bir YouTube videosunu bu ekran görüntüsündeki resimlerle divlerin arka planı olarak oynatmak istiyorum. o ben yerine başlangıçta vardı kareler ile gittiğini yüzden, 9 en boy oranı: En mockup içinde

$('.canvas .box').YTPlayer({ 
    fitToBackground: true, 
    videoId: '-JlcxL2ux_A' 
}); 

Answer 1

videolar normal 16 var. Burada ince ayarlar şunlardır:

https://codepen.io/saetia/full/BZwWdx/

video kutuları

<div class="ib box"> 
    <div class="responsive"><iframe src="https://www.youtube.com/embed/8nH-49PgKdw?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen></iframe></div> 
</div> 

stilleri

.canvas .box { 
    display: inline-block; 
    width: 25%; 
    pointer-events: none; 
} 
.canvas .box .responsive { 
    position: relative; 
    height: 0; 
    overflow: hidden; 
    padding-bottom: 56.25%; 
} 
.canvas .box iframe { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}