0

YouTube にアップロードし、HTML5 プレーヤー埋め込みを使用して WP ページに埋め込んだ 16:9 ビデオ (1280 × 720 実際) があります。

<iframe width="395" height="222" src="//www.youtube.com/embed/XOcDLExisBg?autohide=1&modestbranding=1&showinfo=0&rel=0" frameborder="0"  allowfullscreen></iframe>

私の埋め込み寸法も 16:9 です (YouTube によって計算され、手動で検証されます)。

ビデオがページで再生されると、3 つの側面に黒い境界線が表示されます。

ここに画像の説明を入力

なぜそれが起こっているのか誰かが知っていますか？

前もって感謝します！

タイ

4

4 に答える 4

3

ルール内で対応する方法がありません。申し訳ありませんが、提供された回答は、これが Chrome でのみ表示可能な問題であり、約 10 日間しか発生していないという事実を説明していません。これは、チャンネル トレイラーを表示するときに Youtube の独自のページにも表示されるバグです。これは、Chrome または Youtube のバグです。完全なスクリーンショットとメモを付けて Google に報告しました。

次のコード (自動非表示なし) を使用すると、コントロールが自動非表示になり、黒いバーのバグが発生しないことがわかります。ただし、コントロールはロード時に表示されるため、「ポスター」の観点から見ればきれいではありませんが、再生は完璧です。

<iframe width="640" height="360" src="//www.youtube.com/embed/YOUTUBE_VIDEO_ID?rel=0&showinfo=0&theme=light&color=white" frameborder="0" ></iframe>

バグである必要があります - この動作は 1 週間ほど前には発生していませんでした。

于 2014-05-21T12:48:53.013 に答える
1

autohide=1 パラメーターを使用すると、プレーヤー バーが使用されていないときにプレーヤー バーが画面外にスクロールされますが、スペースはまだ確保されており、ビデオのサイズを変更して座っていたスペースを引き継ぐことはありません。したがって、黒いバー領域下部には非表示のプレーヤー バーがあり、横のスペースはビデオの縮小サイズ用です。

プレーヤー バーを考慮するか、autohide=1 の使用をやめる必要があります。

于 2014-05-21T03:01:20.667 に答える
0

私はiframeコードに夢中だったので、他のコードをチェックしませんでした.

これは機能します：

<embed width="640" height="360" wmode="window" allowfullscreen="true" 

type="application/x-shockwave-flash" 

src="http://www.youtube.com/v/YOUTUBE_VIDEO_ID&showsearch=0&fs=1&autohide=1&showinf

o=0&rel=0&autoplay=0&theme=light&color=white&amp;ap=%2526fmt

%3D22"></embed>

つまり、iframe 埋め込みのみに影響する Youtube/Chrome のバグです。そのコードには、あなた/私たちが必要としないものがあるかもしれません - しかし、それは 100% 動作し、私はそれに一秒も費やしていません!

于 2014-05-22T15:10:02.977 に答える