ビデオピクチャーインピクチャー

Imgix は video-mark-* パラメータファミリーを使用して、メイン動画に直接サブ動画クリップをオーバーレイすることをサポートしています。ベアパラメータ video-mark がレイヤー0となり、video-mark[1] で2つ目のレイヤーを追加します。最大2つの同時ピクチャーインピクチャーレイヤーをサポートします。

基本的な使い方

video-mark にオーバーレイ動画の URL エンコードされたソース URL を設定します。video-mark-x、video-mark-y、video-mark-w、video-mark-h で位置とサイズを制御します。

https://assets.imgix.net/main.mp4?fm=mp4
  &video-mark=https%3A%2F%2Fassets.imgix.net%2Foverlay.mp4
  &video-mark-w=320
  &video-mark-h=180
  &video-mark-align=bottom,right
  &video-mark-pad=20

タイミングとトランジション

video-mark-start と video-mark-end でオーバーレイの表示タイミングを制御します。video-mark-transition でオーバーレイのエントリをアニメーションします。

複数レイヤー

2つのオーバーレイを重ねるには、最初のレイヤーにベアパラメータ（video-mark、video-mark-w 等）を、2番目のレイヤーにインデックス付きパラメータ（video-mark[1]、video-mark-w[1] 等）を使用します。

ユースケース