2017-06-21 5 views
0

YouTube動画を背景の動画として使用したいと考えています。しかし、ビデオは縦に伸びません。誰もがこれを修正する方法を知っていますか? また、ビデオが何らかの考えを終わらせる(ループする)ときに遅れがありますか? 私は私のサーバーからのビデオをロードすると、それは完全にYouTubeの背景ビデオが縦方向に拡大しない

<video class="bg-video__main" playsinline="" autoplay="" muted="" loop=""> 
<source src="img/cover-video.m4v" type="video/mp4"> 
</video> 

に動作します。しかし、私はそれがYouTubeの

<iframe class="bg-video__main" src="https://www.youtube.com/embed/u7vq7nImkV8?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&list=PLMGGIV_q_unoMJGsH4GnoBv2dLkCxdb6D" frameborder="0" allowfullscreen></iframe> 

http://freewill-freespace.com/test

からそれを持って使用する場合、それは私がからロードする必要はありません。ビデオは約5MBのため、外部サーバーYouTube background video issue

+0

をご覧ください。ビデオの縦横比を維持しようとしていますか? – Amy

+0

はい、ビデオを垂直方向に拡大します。 – Alfrex92

答えて

2

水平展開の場合はwidth="100%"を、iframeには垂直の場合はheight="100%"を追加する必要があります。

あなたのURLにloop=1を追加すると、すでにループしているようです。それはすべてのプレーヤーとの互換性がありません。この詳細については、google documentation

+0

これは、繰り返し再生中に2つの(重複した)アイテムのプレイリストですか(同じ/同じビデオループの効果を与えますか? –

+0

これは、動作しない古いプレーヤーを騙すために行うことができます。しかし、新しいhtml5のプレイヤーのために今は1つのビデオだけでループが機能します。 – dusterherz

+0

@ VC.Oneプレイリストがこのリロードを行ったことを、あなたは正しく見ていると思います。再生リストにはhttps://www.youtube.com/watch?v=u7vq7nImkV8&list=PLMGGIV_q_unoMJGsH4GnoBv2dLkCxdb6Dという1つの動画しかありません。これはバグではなく、動画を再生するのではなく、再生リストをループするようにしてください。これは、現在のループはpaylistだけで動作するので、この「遅れ」は今は取り除くことができません。 – Stargateur

関連する問題