Vidéo

Pour lire une vidéo dans un message in-app HTML, incluez les éléments suivants <video> dans votre HTML, et remplacez le nom de la vidéo par celui de votre fichier (ou l’URL de la ressource distante). Pour connaître d’autres options <video> possibles, consultez la documentation Web MDN.

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>

Pour utiliser une ressource vidéo locale, assurez-vous d’inclure ce fichier lors du téléchargement de ressources dans votre campagne.

Considérations relatives à Android

Pour intégrer des vidéos et autres contenus HTML5 dans des messages in-app HTML sur Android, l’accélération matérielle est requise dans l’activité où le message in-app s’affiche. Pour plus d’informations, consultez le guide du développeur Android.

lecture automatique: Même si l’accélération matérielle est activée, les WebViews Android peuvent nécessiter un geste de l’utilisateur pour lancer la lecture des médias. Si vous avez besoin d’une lecture automatique, configurez la WebView utilisée pour afficher les messages HTML in-app pour désactiver l’exigence du geste de l’utilisateur en définissant WebSettings.setMediaPlaybackRequiresUserGesture(false). Cela nécessite une personnalisation au niveau du SDK de la manière dont les messages HTML in-app sont affichés. Pour obtenir des conseils de configuration, consultez Personnaliser les messages in-app pour le SDK de Braze.

Considérations relatives à iOS

Pour prendre en charge les appareils iOS :

• Vous devez inclure l’attribut playsinline car la lecture en plein écran n’est pas prise en charge.
• La lecture automatique n’est pas garantie sur iOS. Le comportement de lecture sur iOS dépend de WKWebView et des politiques média au niveau du système d’exploitation, et peut nécessiter un geste de l’utilisateur même lorsque autoplay et muted sont activés. Testez votre message in-app en HTML sur les versions et appareils iOS que vous ciblez.

Si la lecture automatique est requise et que vos tests montrent qu’elle ne fonctionne pas par défaut, vous pouvez personnaliser le site WKWebViewConfiguration utilisé par les messages HTML in-app pour ajuster l’exigence d’action de l’utilisateur en matière de lecture des médias, par exemple en définissant la propriété mediaTypesRequiringUserActionForPlayback. Cela nécessite une personnalisation au niveau du SDK. Pour les ressources Swift, consultez Personnaliser les messages in-app pour le SDK de Braze et Ajouter l’interface JavaScript de Braze aux WebViews pour Swift.

Considérations sur le web

La plupart des navigateurs modernes n’autorisent la lecture automatique que dans certaines conditions (généralement lorsque la vidéo est coupée). Si vous utilisez autoplay dans un message in-app sur le web, incluez muted et testez sur l’ensemble de vos navigateurs et appareils pris en charge, car les politiques des navigateurs varient et peuvent encore exiger un geste de l’utilisateur dans certains cas.