ビデオ

HTML アプリ内メッセージでビデオを再生するには、HTML に次の <video> 要素を含め、動画名を実際のファイル名 (またはリモートアセットの URL) に置き換えます。他の可能な<video>オプションはMDN Web Docsで見つけることができます。

1
2
3
4
5
<video class="video" autoplay muted playsinline controls>
  <source src="https://video-provider.com/YOUR_VIDEO_FILE.mp4" type="video/mp4">
  <source src="https://video-provider.com/YOUR_VIDEO_FILE.ogg" type="video/ogg">
  Your device does not support playing this video.
</video>

ローカル動画アセットを使用するには、アセットをキャンペーンにアップロードする際にこのファイルを含めるようにしてください。

Androidに関する考慮事項

Android 上の HTML アプリ内メッセージに動画およびその他の HTML5 コンテンツを埋め込むには、アプリ内メッセージが表示されるアクティビティでハードウェアアクセラレーションを有効にする必要があります。詳細については、Android開発者ガイドを参照してください。

自動再生:ハードウェアアクセラレーションを有効にした場合でも、Android WebView でメディア再生を始めるにはユーザージェスチャが必要になることがあります。自動再生が必要な場合は、HTML アプリ内メッセージs のレンダリングに使用するWebView を設定して、設定WebSettings.setMediaPlaybackRequiresUserGesture(false) でユーザージェスチャ要件を無効にします。これには、HTML アプリ内メッセージの表示方法をSDKレベルでカスタマイズする必要があります。セットアップガイダンスについては、Braze SDKのアプリ内メッセージのカスタマイズを参照してください。

iOSの考慮事項

iOS デバイスをサポートするには:

• フルスクリーン再生はサポートされていないため、playsinline 属性を含める必要があります。
• iOSでは**auto-playは保証されません。iOSの再生動作はWKWebViewとOSレベルのメディアポリシーに依存し、autoplayとmutedが設定されていてもユーザーなジェスチャが必要になる場合があります。目的のiOS 版および端末でHTML アプリ内メッセージをテストします。

自動再生が必要で、テストでデフォルトで動作しないことが示された場合は、HTML アプリ内メッセージ s で使用されるWKWebViewConfiguration をカスタマイズして、mediaTypesRequiringUserActionForPlayback プロパティを設定するなどして、メディアプレイバックのユーザー-アクション条件を調整できます。これには、SDKレベルのカスタマイズが必要です。Swift リソースについては、Braze SDK のアプリ内メッセージs のカスタマイズおよびSwift のWebView へのBraze JavaScript インターフェイスの追加を参照してください。

Webの考察

現代のほとんどのブラウザでは、特定の条件下(通常、動画がミュートされている場合)でのみ自動再生が可能です。Web アプリ内メッセージでautoplay を使用する場合は、muted を含めて、サポートされているブラウザとデバイスでテストします。ブラウザのポリシーは異なり、場合によってはユーザージェスチャが必要になることがあります。