画像をプリロード preload-image

プリロード画像は、init () メソッドを呼び出した直後に読み込まれ、Viewer SDK ライブラリ、アセット、プリセット情報のダウンロード中に表示される静的アセットプレビュー画像です。 プリロード画像の目的は、視聴者のロード時間を視覚的に改善し、コンテンツを迅速にユーザーに提示することです。

プリロード画像は、最も一般的なビューアの埋め込み方法に適しています。これは、高さが制限されないレスポンシブ埋め込みです。 見出し 無制限の高さを使用したレスポンシブデザインの埋め込みを参照してください。

ただし、他の埋め込み方法や特定の設定オプションを使用する場合、この機能には特定の制限があります。 次の場合、プリロード画像が正しくレンダリングされない可能性があります。

  • ビューアのサイズが固定され、サイズがビューアプリセットレコード内の設定属性 stagesize 使用して定義されている場合。 または、最上位のビューアコンテナ要素に外部ビューア CSS ファイルを使用します。
  • ビューアの埋め込みの幅と高さを定義したメソッドでフレキシブルサイズの埋め込みを使用する場合。 見出し 幅と高さを定義した柔軟なサイズの埋め込みを参照してください。

上記のいずれかの操作モードでビューアを使用している場合は、preloadImage 設定属性を使用して、画像のプリロード機能を無効にします。

また、ビューアが DOM 要素に埋め込まれている場合、ビューアが CSS 設定を使用して非表示になるか、DOM ツリーから切り離され display:none 場合、プリロード画像は設定で有効になっていても使用されません。

recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8