TALKsmith サポートサイト

Video Agentを埋め込み領域の上下中央に表示することはできますか?

はい、可能です。

埋め込み領域がVideo Agentの縦横比よりも縦長な場合、Video Agentが埋め込み領域内に上寄せされ、下部に余白が生まれます。

しかし、CSSを指定することでVideo Agentを上下中央に配置できます。

こちらの記事の手順1〜3の手順に沿って設定を進めてください。

TALKsmithの画面に表示されている埋め込みコードではなく、以下のように指定してください。

CSS

これにより、埋め込み領域内でVideo Agentが上下中央に表示されます。

💡シナリオIDとは

埋め込みコードの"data-loov-sid="の後に表示されている値です。


300px四方の領域に表示したい場合は、以下のように指定します。

(正方形だけでなく、任意のサイズを指定することも可能です。)

CSS

💡300px四方の領域に表示指定した設置例です。

埋め込み領域がVideo Agentの縦横比よりも横長な場合は、Video Agentが領域内に収まりきらず、一部が見切れたり、他の要素と重なって表示される場合があります。

例:

CSS

このような設定は推奨しておりません。

Video Agentが十分に表示できる高さを設定してご利用ください。