動画から黒い帯を削除する

更新日

インタラクティブ動画上の黒い帯

インタラクティブ動画に表示された、このような黒い帯を削除する方法についてご説明します。

縦動画

縦動画をアップロードしたい場合はこちらをご覧ください。

アスペクト比

動画をどのようにエクスポートしましたか?デフォルトでは、動画のアスペクト比は16:9です。これは、動画の縦と横の比率です。動画を撮影または編集するとき、この比率に合う設定を選択します。例えば、1920*1080pのようなものです。9:16や1:1などの他のフォーマットをアップロードすると、黒い帯が追加されます。解決するには、hihahoにアップロードする前に、動画の比率を変更してください。

現在、縦長のポートレートモード動画をhihahoで作成できるよう調整しています。詳しい情報を知りたい方はお問い合わせください。

埋め込みコードを調整する

動画を埋め込んだ後にのみ、黒い帯が表示される場合は、おそらくインタラクティブ動画の公開設定が原因である可能性があります。デフォルトでは、プレーヤーバーは動画の上に配置されます。プレーヤーバーを動画の下に固定するように設定した場合は、埋め込みコードを少し調整する必要があります。

埋め込みコードにこれを追加します。

padding-top: 42px;

調整された埋め込みコードは下記のようになります。

<div style="position: relative !important; padding-bottom: 56.25% !important; height: 0px !important; overflow: hidden !important; max-width: 100% !important; padding-top: 42px;">
 <iframe src="https://player.hihaho.com/embed/bef7a84f-e83d-47a7-b55a-06cd1beeaa8a" style="position: absolute !important; top: 0px !important; left: 0px !important; width: 100% !important; height: 100% !important;" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>