iOS et Brightcove Player

Dans cette rubrique, vous apprendrez les détails de l'utilisation de Brightcove Player sur iOS 10 et versions ultérieures. Pour connaître les normes Webkit (moteur de navigateur web) pour les vidéos et iOS, consultez le document de l'organisation New <video> Policies for iOS .

Lecture automatique d'une vidéo

Étant donné que le problème des éventuels segments indésirables en cours de téléchargement n'est pas un problème, vous pouvez lire automatiquement une vidéo. Pour que cela se produise, vous devez effectuer les opérations suivantes:

  • Ajouter le autoplay attribut. Pour le code d'intégration iframe, définissez cet attribut sur true.
  • Ajouter le playsinline attribut. Pour le code d'intégration iframe, définissez cet attribut sur true.
  • Ajouter le muted attribut. Pour le code d'intégration iframe, définissez cet attribut sur true. Vous pouvez également utiliser une vidéo sans piste sonore.

Implémentation du code intégré dans la page:

<video-js data-video-id="5045678908001"
	data-account="1752604059001"
	data-player="default"
	data-embed="default"
	data-application-id
	autoplay playsinline muted
	controls></video-js>
<script src="https://players.brightcove.net/1752604059001/default_default/index.min.js"></script>

Implémentation du code d'intégration iframe:

<iframe src="https://players.brightcove.net/1752604059001/default_default/index.html?
  videoId=5811862231001&autoplay=true&muted=true&playsinline=true"
	allowfullscreen
  allow="encrypted-media"></iframe>

Pour une discussion complète sur la lecture automatique, consultez le Considérations relatives à la lecture automatique document.

Lecture d'une vidéo non plein écran

Pour lire une vidéo non plein écran, vous devez effectuer l'étape suivante:

  • Met le playsinline attribuer à true.

Avec iOS 10 et versions ultérieures, le playsinline L'attribut permet à Brightcove Player de démarrer la lecture sans forcer le plein écran. Les téléspectateurs peuvent lire une vidéo intégrée et elle ne passera pas automatiquement en plein écran. Il s'agit du comportement par défaut pour iOS.

Lorsqu'un spectateur démarre la lecture vidéo puis passe en plein écran, la lecture vidéo n'est pas interrompue.

Lecture d'une vidéo en plein écran

Lorsqu'un utilisateur passe de la lecture en ligne au mode plein écran, le lecteur natif iOS est utilisé à la place du lecteur Brightcove, à l'exception suivante:

  • iPad avec Safari 12 fonctionnant sous iOS 12, qui exécutera automatiquement Brightcove Player.

L'utilisation du lecteur natif permet au lecteur de profiter de tout l'écran de l'appareil. De toute évidence, une fois les commandes Brightcove Player supprimées, certaines fonctionnalités pourraient être perdues. Si vous ne souhaitez PAS autoriser le plein écran, mais uniquement pour les appareils iOS, vous pouvez utiliser le code suivant:

<script>
  videojs.getPlayer('myPlayerID').ready(function() {
    var myPlayer = this,
		fullScreenElement = document.getElementsByClassName("vjs-fullscreen-control")[0];
	if (videojs.browser.IS_IOS ) {
		fullScreenElement.parentNode.removeChild(fullScreenElement);
	}
  });
</script>

Arrêter le téléchargement de segments indésirables

Il est possible qu'iOS télécharge des segments indésirables entraînant une utilisation excessive de la bande passante. Dans la situation où autoplay est activé, les segments seront téléchargés même si preload est réglé sur none. La seule façon d'éviter cela est de ne pas utiliser le autoplay attribut.