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

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

動画に黒帯がある理由

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

今日、ほとんどのビデオは高解像度(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のアスペクト比を維持するためにもう一方の寸法がどうあるべきかを教えてくれます。これは、黒帯がないことを意味します。

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

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

Back in July 2025, Brightcove unveiled an ambitious roadmap with a dual focus on innovation and quality of experience...
Our teams have been hard at work making the Brightcove platform more powerful, more reliable, and more insightful for...
Vertical Videos Experience lets you deliver a TikTok/Reels-style vertical feed on the web, powered by Brightcove. It’...

動画コンテンツの管理・活用はできていますか?

御社の動画マーケティング活動を強化し、必要な結果とROIを生み出すお手伝いをする方法については、
弊社までお問い合わせください。