Blog

How Avoid Black Bars Around Your Video

Tech Talk

Video Playback

動画の周りに黒いバーを表示させない方法

Jan 14, 2016

ほとんどのオンラインビデオは高解像度(HD)で撮影され、ワイドスクリーン16:9のアスペクト比を使用しています。このブログでは、動画の周囲に黒帯を表示させない方法をご紹介します。

美しく制作されたビデオがページに埋め込まれているのを、他の人のウェブサイトで見たことがあるだろう。しかし、なぜ上下または左右に小さな黒いバーがあるのでしょうか?動画の周りに黒いバーがあることほど、「何をやっているのかわからない」と悲鳴を上げるものはない。

動画に黒帯がある理由

黒いバーが出るのは、プレーヤーとビデオのアスペクト比が違うからです。

今日、ほとんどのビデオは高解像度(HD)で撮影されている。HD映像は16:9のアスペクト比(「ワイドスクリーン」とも呼ばれる)を採用しており、4K、1080、720などの解像度がある。この16:9の比率は、幅16ピクセルに対して高さが9ピクセルであることを意味する。HD革命以前は、4:3のアスペクト比を使用する標準画質(SD)でビデオを撮影していました。この場合、ビデオの幅が4ピクセルにつき、高さが3ピクセルになります。

4:3のSDビデオを16:9のプレーヤーで再生すると、横に黒いバーが表示されます。実際、プレーヤーとビデオの高さまたは幅が1ピクセルでもずれていると、ビデオの周囲に黒い帯が表示されます。

黒いバーのある動画を修正する方法

ピクセルと比率の複雑な問題は、実はとても簡単に解決できる。周囲に黒い帯がある動画を見ている場合、必要なのは動画のアスペクト比に合わせてプレーヤーのサイズを調整することだけだ。

私たちは、あなたのために計算作業を行うアスペクト比のスプレッドシートを提供しています。ビデオの高さか幅のどちらかを入力するだけで、16:9のアスペクト比を維持するためにもう一方の寸法がどうあるべきかを教えてくれます。これは、黒帯がないことを意味します。

動画プレーヤーがレスポンシブでない場合、つまり再生するデバイスに合わせて自動的にサイズが変更される場合は、計算スプレッドシートから正確なサイズを入力する必要があります。注:スマート プレーヤーが応答するように設定する必要があります。ブライトコーブ プレーヤーは自動的に応答しますが、必要に応じて高さと幅を固定に設定できます。

プレーヤーのアスペクト比の設定はとても簡単です。プレーヤーのサイズを正しく設定すると、黒いバーが表示されなくなります。これで、ウェブサイトやその他の場所に公開した後も、プロフェッショナルな動画を維持することができます。