<aside> 💡 横長サイズや正方形サイズの動画でも、フローティング表示が対応するようになります！

</aside>

Tig Shortで、横長サイズや正方形サイズの動画を作成しても、画像サイズに合わせてフローティングが崩れずに表示されるようになりました！

縦長・横長・正方形など、すべてのサイズに対応しています。

動画自動掲載やコンテンツ単体のフローティングを既にサイトに埋め込んでご利用いただいているお客様は、横長フローティングを掲出するために埋め込みコードの変更が必要となります。

対象のお客様で、横長・正方形フローティングの掲出をご検討される場合は、下記をご参照ください。（2025/12/23時点までにご利用いただいているお客様が対象）

▼Tig Shortの埋め込みコードを既にご利用いただいているお客様へ

埋め込みコードで、サイズを指定する<style>内に以下のコードを追加する必要があります。

.tig-creator-embed.portrait {
      width: 16.2vh;
      height: 28.8vh;
    }
    .tig-creator-embed.landscape {
      width: 28.8vh;
      height: 16.2vh;
    }
    .tig-creator-embed.square {
      width: 18vh;
      height: 18vh;
    }

Tig管理画面上で表示される埋め込みコードは既に上記のコードが入ったものになっていますので、埋め込み位置をTig管理画面からご確認いただき、サイトに埋め込み済みのコードの更新をお願いいたします。

追加箇所がわからない、あっているか心配、などございましたら、Tigサポートチームまでご相談ください。

▼埋め込みコード一例（赤文字箇所が追加コードです）

<script src="<https://xxx>"></script>
.
.
.
  <style>
    .tig-archive-embed {
      width: 16.2vh;
      left: 2vw;
      bottom: 3vw;
      height: 28.8vh;
      z-index: 2147483630;
      /* サイト内でフローティングより上に出したいものがあるかによって調整してください */
    }
.
.
.
    .tig-creator-embed.portrait {
      width: 16.2vh;
      height: 28.8vh;
    }
    .tig-creator-embed.landscape {
      width: 28.8vh;
      height: 16.2vh;
    }
    .tig-creator-embed.square {
      width: 18vh;
      height: 18vh;
    }
    .tig-creator-iframe-area {
      z-index: 2147483630;
    }
  </style>